@yamada-ui/stepper
Version:
Yamada UI stepper component
1 lines • 1.61 kB
Source Map (JSON)
{"version":3,"sources":["../src/step-separator.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useStepContext } from \"./step\"\nimport { useStepperContext } from \"./use-stepper\"\n\nexport interface StepSeparatorProps extends HTMLUIProps {}\n\nexport const StepSeparator = forwardRef<StepSeparatorProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const { orientation, showLastSeparator, styles } = useStepperContext()\n const { isLast, status } = useStepContext()\n\n const css: CSSUIObject = { ...styles.separator }\n\n if (isLast && !showLastSeparator) return null\n\n return (\n <ui.div\n ref={ref}\n className={cx(\"ui-step__separator\", className)}\n data-orientation={orientation}\n data-status={status}\n role=\"separator\"\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nStepSeparator.displayName = \"StepSeparator\"\nStepSeparator.__ui__ = \"StepSeparator\"\n"],"mappings":";;;;;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAgBb;AAVC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,aAAa,mBAAmB,OAAO,IAAI,kBAAkB;AACrE,UAAM,EAAE,QAAQ,OAAO,IAAI,eAAe;AAE1C,UAAM,MAAmB,EAAE,GAAG,OAAO,UAAU;AAE/C,QAAI,UAAU,CAAC,kBAAmB,QAAO;AAEzC,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,oBAAkB;AAAA,QAClB,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}