@bioturing/components 0.41.0 → 0.42.0-beta.0

package/dist/components/form/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    label,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark && (\n      <span\n        key=\"required\"\n        className={cls(\n          \"form-item-label-required-mark\",\n          typeof requiredMark === \"boolean\"\n            ? \"form-item-label-required-mark-asterisk\"\n            : \"\"\n        )}\n      >\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\"\n      ),\n      className\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\"\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IAAe;AAAA,IACnBX;AAAA,IACAC,KACE,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWJ,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOR,KAAY,YAAYa,EAAeb,CAAO,IACjDA,IACA;AAAA,QAGN,4BAACc,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,MARV;AAAA,IAAA;AAAA,IAWRb,KACE,gBAAAU,EAAC,QAAA,EAAoB,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,KACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,UACT;AAAA,UACA,OAAON,KAAiB,YACpB,2CACA;AAAA,QAAA;AAAA,QAGL,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EASN,GAIEa,IAAe;AAAA,IACnB,KAAAR;AAAA,IACA,WAAWS;AAAA,MACTR;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAAA;AAAA,MAElBC;AAAA,IAAA;AAAA,IAEF,UAAUO;AAAA,IACV,GAAGJ;AAAA,EAAA;AAGL,2BAAQW,GAAA,EAAe,IAAIb,KAAM,QAAQ,QAAAC,GAAiB,GAAGU,GAAc;AAC7E,GAGaG,IAAYC,EAAWrB,CAAa;"}
+{"version":3,"file":"label.js","sources":["../../../src/components/form/label.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type Ref,\n  ComponentPropsWithRef,\n  isValidElement,\n} from \"react\";\nimport {\n  useCls,\n  WithRenderPropProps,\n  WithRenderProp,\n  ElementTypeToDOMType,\n  cn,\n} from \"../utils\";\nimport { IconButton } from \"../icon-button\";\nimport { QuestionIcon } from \"@bioturing/assets\";\nimport { WrapperTooltipProps } from \"antd/es/form/FormItemLabel\";\n\nexport type FormLabelProps<E extends ElementType = \"label\"> =\n  WithRenderPropProps<E> & {\n    /**\n     * Label content to display\n     */\n    label: React.ReactNode;\n    /**\n     * Optional tooltip to display next to the label\n     */\n    tooltip?: React.ReactNode | WrapperTooltipProps;\n    /**\n     * Whether to show optional mark or custom optional mark content\n     * @default false\n     */\n    optionalMark?: boolean | React.ReactNode;\n    /**\n     * Whether to show required mark or custom required mark content\n     * @default true\n     */\n    requiredMark?: boolean | React.ReactNode;\n  };\n\n/**\n * Implementation of the FormLabel component\n */\nconst FormLabelImpl = <E extends ElementType = \"label\">(\n  {\n    label,\n    tooltip,\n    optionalMark,\n    requiredMark,\n    className,\n    as,\n    render,\n    ...rest\n  }: FormLabelProps<E>,\n  ref: Ref<ElementTypeToDOMType<E>>,\n) => {\n  const cls = useCls();\n\n  const labelContent = [\n    <React.Fragment key=\"label\">{label}</React.Fragment>,\n    tooltip && (\n      <IconButton\n        key=\"tooltip\"\n        className={cls(\"form-item-explaination-icon\")}\n        render={<span />}\n        label={\n          typeof tooltip === \"string\" || isValidElement(tooltip)\n            ? tooltip\n            : undefined\n        }\n        title=\"\"\n      >\n        <QuestionIcon />\n      </IconButton>\n    ),\n    optionalMark && (\n      <span key=\"optional\" className={cls(\"form-item-label-optional-mark\")}>\n        {typeof optionalMark === \"boolean\" ? \"(optional)\" : optionalMark}\n      </span>\n    ),\n    requiredMark && (\n      <span\n        key=\"required\"\n        className={cls(\n          \"form-item-label-required-mark\",\n          typeof requiredMark === \"boolean\"\n            ? \"form-item-label-required-mark-asterisk\"\n            : \"\",\n        )}\n      >\n        {typeof requiredMark === \"boolean\" ? \"*\" : requiredMark}\n      </span>\n    ),\n  ];\n\n  const elementProps = {\n    ref,\n    className: cn(\n      cls(\n        \"form-item-label-inner\",\n        requiredMark && \"form-item-label-with-required-mark\",\n      ),\n      className,\n    ),\n    children: labelContent,\n    ...rest,\n  };\n\n  return <WithRenderProp as={as || \"span\"} render={render} {...elementProps} />;\n};\n\n// Export with correct typing\nexport const FormLabel = forwardRef(FormLabelImpl) as <\n  E extends ElementType = \"label\",\n>(\n  props: FormLabelProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] },\n) => ReturnType<typeof FormLabelImpl>;\n"],"names":["FormLabelImpl","label","tooltip","optionalMark","requiredMark","className","as","render","rest","ref","cls","useCls","labelContent","jsx","React","IconButton","isValidElement","QuestionIcon","elementProps","cn","WithRenderProp","FormLabel","forwardRef"],"mappings":";;;;;;;;AA4CA,MAAMA,IAAgB,CACpB;AAAA,EACE,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IAAe;AAAA,IACnB,gBAAAC,EAACC,EAAM,UAAN,EAA4B,eAAT,OAAe;AAAA,IACnCZ,KACE,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,WAAWL,EAAI,6BAA6B;AAAA,QAC5C,0BAAS,QAAA,EAAK;AAAA,QACd,OACE,OAAOR,KAAY,YAAYc,EAAed,CAAO,IACjDA,IACA;AAAA,QAEN,OAAM;AAAA,QAEN,4BAACe,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,MAVV;AAAA,IAAA;AAAA,IAaRd,KACE,gBAAAU,EAAC,QAAA,EAAoB,WAAWH,EAAI,+BAA+B,GAChE,UAAA,OAAOP,KAAiB,YAAY,eAAeA,EAAA,GAD5C,UAEV;AAAA,IAEFC,KACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,UACT;AAAA,UACA,OAAON,KAAiB,YACpB,2CACA;AAAA,QAAA;AAAA,QAGL,UAAA,OAAOA,KAAiB,YAAY,MAAMA;AAAA,MAAA;AAAA,MARvC;AAAA,IAAA;AAAA,EASN,GAIEc,IAAe;AAAA,IACnB,KAAAT;AAAA,IACA,WAAWU;AAAA,MACTT;AAAA,QACE;AAAA,QACAN,KAAgB;AAAA,MAAA;AAAA,MAElBC;AAAA,IAAA;AAAA,IAEF,UAAUO;AAAA,IACV,GAAGJ;AAAA,EAAA;AAGL,2BAAQY,GAAA,EAAe,IAAId,KAAM,QAAQ,QAAAC,GAAiB,GAAGW,GAAc;AAC7E,GAGaG,IAAYC,EAAWtB,CAAa;"}

package/dist/components/form/style.css

@@ -1 +1 @@
-@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:after{display:none}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item .ds-form-item-label>label:after{display:none}.ds-form-horizontal .ds-form-item .ds-form-item-label .ds-form-item-label-inner:after{content:":";position:relative;margin-block:0;margin-inline-start:var(--ds-form-label-colon-margin-inline-start);margin-inline-end:var(--ds-form-label-colon-margin-inline-end)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}}
+@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}.ds-form-item .ds-form-item-label>label.ds-form-item-no-colon:after,.ds-form-item-vertical .ds-form-item-label>label:after{display:none}.ds-form-item-explaination-icon{cursor:help}}

package/dist/components/scroll-area/style.css

@@ -1 +1 @@
-@layer components{.ds-scroll-area{--ds-scroll-area-fade-distance: 20px;display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.ds-scroll-area .ds-scroll-area-viewport{flex-shrink:1;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:contain}.ds-scroll-area .ds-scroll-area-viewport:focus-visible{outline-width:2px;outline-offset:4px;outline-color:var(--ds-color-primary)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-bottom-only{mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-top-only{mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-both-vertical{mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-right-only{mask-image:linear-gradient(to right,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-left-only{mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-both-horizontal{mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-scrollbar{padding:.125rem;display:flex;justify-content:center;background-color:transparent;opacity:0;transition-property:opacity;transition-delay:.1s}.ds-scroll-area .ds-scroll-area-scrollbar .ds-scroll-area-thumb{border-radius:9999px;background-color:var(--ds-color-bg-fill-tertiary);border:1px solid var(--ds-color-border)}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=vertical]{width:.625rem}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=vertical] .ds-scroll-area-thumb{width:100%}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=horizontal]{width:100%;height:.625rem;flex-direction:column}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=horizontal] .ds-scroll-area-thumb{height:100%}.ds-scroll-area .ds-scroll-area-scrollbar[data-hovering],.ds-scroll-area .ds-scroll-area-scrollbar[data-scrolling]{opacity:1;transition-delay:0ms;transition-duration:.2s}}
+@layer components{.ds-scroll-area{--ds-scroll-area-fade-distance: 20px;display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.ds-scroll-area .ds-scroll-area-viewport{flex-shrink:1;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:contain}.ds-scroll-area .ds-scroll-area-viewport:focus-visible{outline-width:2px;outline-offset:4px;outline-color:var(--ds-color-primary)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-bottom-only{mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-top-only{mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-both-vertical{mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-right-only{mask-image:linear-gradient(to right,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0px,black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-left-only{mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black 100%)}.ds-scroll-area .ds-scroll-area-viewport.ds-scroll-area-fade-both-horizontal{mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black var(--ds-scroll-area-fade-distance),black calc(100% - var(--ds-scroll-area-fade-distance)),transparent 100%)}.ds-scroll-area .ds-scroll-area-scrollbar{padding:.125rem;display:flex;z-index:var(--ds-z-index-scrollbar);justify-content:center;background-color:transparent;opacity:0;transition-property:opacity;transition-delay:.1s}.ds-scroll-area .ds-scroll-area-scrollbar .ds-scroll-area-thumb{border-radius:9999px;background-color:var(--ds-color-bg-fill-tertiary);border:1px solid var(--ds-color-border)}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=vertical]{width:.625rem}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=vertical] .ds-scroll-area-thumb{width:100%}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=horizontal]{width:100%;height:.625rem;flex-direction:column}.ds-scroll-area .ds-scroll-area-scrollbar[data-orientation=horizontal] .ds-scroll-area-thumb{height:100%}.ds-scroll-area .ds-scroll-area-scrollbar[data-hovering],.ds-scroll-area .ds-scroll-area-scrollbar[data-scrolling]{opacity:1;transition-delay:0ms;transition-duration:.2s}}

package/dist/components/splitter/style.css

@@ -1 +1 @@
-@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}.ds-splitter-hide-bars .ds-splitter-bar{opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-splitter-hide-bars .ds-splitter-bar:hover{opacity:1;pointer-events:auto}.ds-splitter-panel-max-content,.ds-splitter-panel-min-content,.ds-splitter-panel-fit-content{flex-shrink:0}}
+@layer components{.ds-splitter-bar{z-index:var(--ds-z-index-scrollbar)}.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}.ds-splitter-hide-bars .ds-splitter-bar{opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-splitter-hide-bars .ds-splitter-bar:hover{opacity:1;pointer-events:auto}.ds-splitter-panel-max-content,.ds-splitter-panel-min-content,.ds-splitter-panel-fit-content{flex-shrink:0}}

package/dist/components/theme-provider/style.css

@@ -1 +1 @@
-@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .24)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .55);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%)}}
+@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .24)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .55);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%)}}

package/dist/components/toast/function.d.ts

@@ -1,6 +1,6 @@
 import { ToastManagerAddOptions } from '@base-ui/react';
 import { ToastData } from './types';
-export declare const toastManager: import('@base-ui/react').ToastManager;
+export declare const toastManager: import('@base-ui/react').ToastManager<any>;
 export declare const toast: ((message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string) & {
     info: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;
     success: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;

package/dist/components/toast/function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,YAAY,uCAAiC,CAAC;AAoB3D,eAAO,MAAM,KAAK,aAhBL,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;oBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;qBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;wBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAqB3E,CAAC"}
+{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,YAAY,4CAAiC,CAAC;AAoB3D,eAAO,MAAM,KAAK,aAhBL,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;oBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;qBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;wBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAqB3E,CAAC"}

package/dist/components/toast/style.css

@@ -1 +1 @@
-@layer components{.ds-toast-viewport{position:fixed;width:100%;max-width:30rem;margin:0 auto;bottom:2rem;left:50%;transform:translate(-50%);top:auto;z-index:var(--ds-z-index-toast);display:flex;justify-content:center}.ds-toast{--gap: .5rem;--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );font-family:var(--font-sans);position:absolute;box-sizing:border-box;background:var(--ds-color-bg-elevated);color:var(--ds-color-text);padding:.75rem 1rem;max-width:100%;display:inline-flex;gap:var(--gap);box-shadow:var(--ds-box-shadow-secondary);background-clip:padding-box;border-radius:.5rem;bottom:0;margin-right:0;-webkit-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;cursor:default;z-index:calc(1000 - var(--toast-index));transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * -20%))) scale(calc(1 - (var(--toast-index) * .1)))}.ds-toast:after{top:100%}.ds-toast[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.ds-toast[data-starting-style],.ds-toast[data-ending-style]:not([data-limited]){transform:translateY(150%)}.ds-toast[data-ending-style]{opacity:0}.ds-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.ds-toast[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.ds-toast:after{content:"";position:absolute;width:100%;left:0;height:calc(var(--gap) + 1px)}.ds-toast-content{display:flex;flex:1;flex-direction:column;max-height:calc(100vh - 92px);gap:2;overflow-y:auto}.ds-toast-title{font-size:var(--text-ds-h5);font-weight:var(--text-ds-h5--font-weight);line-height:var(--text-ds-h5--line-height)}.ds-toast-description{font-size:var(--ds-font-size);line-height:var(--ds-line-height)}.ds-toast-description:last-child{margin-bottom:0}.ds-toast-description-traceback p:not(:first-child){margin-top:.5rem}.ds-toast-icon-wrap{width:1.25rem;font-size:1.25rem;display:block;flex:0}.ds-toast-icon{width:1.25rem;height:1.25rem;display:block}.ds-toast-icon.ds-toast-icon-info{color:var(--ds-color-primary)}.ds-toast-icon.ds-toast-icon-success{color:var(--ds-color-success)}.ds-toast-icon.ds-toast-icon-warning{color:var(--ds-color-warning)}.ds-toast-icon.ds-toast-icon-error{color:var(--ds-color-error)}.ds-toast-icon.ds-toast-icon-progress{color:var(--ds-color-primary);animation:var(--ds-animate-spin)}.ds-toast-close{margin-top:.125rem;display:flex}}
+@layer components{.ds-toast-viewport{position:fixed;width:100%;max-width:30rem;margin:0 auto;bottom:2rem;left:50%;transform:translate(-50%);top:auto;z-index:var(--ds-z-index-toast);display:flex;justify-content:center}.ds-toast{--gap: .5rem;--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );font-family:var(--font-sans);position:absolute;box-sizing:border-box;background:var(--ds-color-bg-elevated);color:var(--ds-color-text);padding:.75rem 1rem;max-width:100%;display:inline-flex;gap:var(--gap);box-shadow:var(--ds-box-shadow-secondary);background-clip:padding-box;border-radius:.5rem;bottom:0;margin-right:0;-webkit-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;cursor:default;z-index:calc(1000 - var(--toast-index));transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * -20%))) scale(calc(1 - (var(--toast-index) * .1)))}.ds-toast:after{top:100%}.ds-toast[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.ds-toast[data-starting-style],.ds-toast[data-ending-style]:not([data-limited]){transform:translateY(150%)}.ds-toast[data-ending-style]{opacity:0}.ds-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.ds-toast[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.ds-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.ds-toast:after{content:"";position:absolute;width:100%;left:0;height:calc(var(--gap) + 1px)}.ds-toast-content{display:flex;flex:1;flex-direction:column;max-height:calc(100vh - 92px);gap:2;overflow-y:auto}.ds-toast-title{font-size:var(--ds-font-size-heading-5);font-weight:600;line-height:var(--ds-line-height-heading-5)}.ds-toast-description{font-size:var(--ds-font-size);line-height:var(--ds-line-height)}.ds-toast-description:last-child{margin-bottom:0}.ds-toast-description-traceback p:not(:first-child){margin-top:.5rem}.ds-toast-icon-wrap{width:1.25rem;font-size:1.25rem;display:block;flex:0}.ds-toast-icon{width:1.25rem;height:1.25rem;display:block}.ds-toast-icon.ds-toast-icon-info{color:var(--ds-color-primary)}.ds-toast-icon.ds-toast-icon-success{color:var(--ds-color-success)}.ds-toast-icon.ds-toast-icon-warning{color:var(--ds-color-warning)}.ds-toast-icon.ds-toast-icon-error{color:var(--ds-color-error)}.ds-toast-icon.ds-toast-icon-progress{color:var(--ds-color-primary);animation:var(--ds-animate-spin)}.ds-toast-close{margin-top:.125rem;display:flex}}

package/dist/components/tour/style.css

@@ -1 +1 @@
-@layer components{.ds-tour .ds-tour-header{padding-top:1rem;padding-bottom:.75rem}.ds-tour .ds-tour-title{font-size:var(--text-ds-h5);font-weight:var(--text-ds-h5--font-weight);line-height:var(--text-ds-h5--line-height)}.ds-tour .ds-tour-description{font-size:var(--text-ds-md);font-weight:var(--text-ds-md--font-weight);line-height:var(--text-ds-md--line-height)}.ds-tour .ds-tour-description p:not(:first-child),.ds-tour .ds-tour-description ul:not(:first-child),.ds-tour .ds-tour-description ol:not(:first-child){margin-top:.875rem}.ds-tour .ds-tour-description strong{font-weight:600}.ds-tour .ds-tour-description ul{list-style:disc;padding-left:1rem}.ds-tour .ds-tour-description ol{list-style:decimal;padding-left:1rem}.ds-tour .ds-tour-description li{padding-left:.5rem}.ds-tour .ds-tour-description li:not(:first-child){margin-top:.5rem}.ds-tour .ds-tour-description li svg{display:inline-block;font-size:1.25rem;margin-bottom:-.25rem}.ds-tour .ds-tour-footer{padding-top:1rem}.ds-tour .ds-tour-indicator-wrapper{display:inline-flex;align-items:center;width:100%;height:100%;gap:.5rem}.ds-tour .ds-tour-indicator-summary-text{font-size:var(--text-ds-sm);font-weight:var(--text-ds-sm--font-weight);line-height:var(--text-ds-sm--line-height);color:var(--ds-color-text-tertiary);display:inline-flex;align-items:center;padding-top:.25rem}}
+@layer components{.ds-tour .ds-tour-header{padding-top:1rem;padding-bottom:.75rem}.ds-tour .ds-tour-title{font-size:var(--ds-font-size-heading-5);font-weight:600;line-height:var(--ds-line-height-heading-5)}.ds-tour .ds-tour-description{font-size:var(--ds-font-size);font-weight:400;line-height:var(--ds-line-height)}.ds-tour .ds-tour-description p:not(:first-child),.ds-tour .ds-tour-description ul:not(:first-child),.ds-tour .ds-tour-description ol:not(:first-child){margin-top:.875rem}.ds-tour .ds-tour-description strong{font-weight:600}.ds-tour .ds-tour-description ul{list-style:disc;padding-left:1rem}.ds-tour .ds-tour-description ol{list-style:decimal;padding-left:1rem}.ds-tour .ds-tour-description li{padding-left:.5rem}.ds-tour .ds-tour-description li:not(:first-child){margin-top:.5rem}.ds-tour .ds-tour-description li svg{display:inline-block;font-size:1.25rem;margin-bottom:-.25rem}.ds-tour .ds-tour-footer{padding-top:1rem}.ds-tour .ds-tour-indicator-wrapper{display:inline-flex;align-items:center;width:100%;height:100%;gap:.5rem}.ds-tour .ds-tour-indicator-summary-text{font-size:var(--ds-font-size-sm);font-weight:400;line-height:var(--ds-font-height-sm);color:var(--ds-color-text-tertiary);display:inline-flex;align-items:center;padding-top:.25rem}}

package/dist/components/tree/style.css

@@ -1 +1 @@
-@layer components{.ds-tree{background:none}.ds-tree-treenode{display:flex;width:100%}.ds-tree-node-content-wrapper{display:flex;flex-grow:1}.ds-tree-title{flex:1}.ds-tree-switcher{display:flex;align-items:center;justify-content:center}.ds-tree-align-top .ds-tree-checkbox{align-self:flex-start;margin-top:.25rem}.ds-tree-icon__customize{display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ds-color-icon);margin-right:.5rem}.ds-tree-treenode:not(.ds-tree-treenode-disabled).ds-tree-treenode-selected .ds-tree-node-content-wrapper:hover{color:var(--ds-tree-node-selected-color)}.ds-directory-tree .ds-tree-treenode-selected .ds-tree-icon__customize{color:var(--ds-tree-directory-node-selected-color)}.ds-directory-tree .ds-tree-treenode:not(.ds-tree-treenode-disabled).ds-tree-treenode-selected .ds-tree-node-content-wrapper:hover{color:var(--ds-tree-directory-node-selected-color)}.ds-tree-switcher .ds-tree-switcher-icon{font-size:.75rem}.ds-caret-switcher-icon{transition:transform .2s ease-in-out}.ds-tree-switcher_open .ds-caret-switcher-icon{transform:rotate(90deg)}.ds-tree .ds-tree-switcher:before{height:max(100%,var(--ds-tree-title-height))}}
+@layer components{.ds-tree{background:none}.ds-tree-treenode{display:flex;width:100%}.ds-tree-node-content-wrapper{display:flex;flex-grow:1}.ds-tree-title{flex:1}.ds-tree-switcher{display:flex;align-items:center;justify-content:center}.ds-tree-align-top .ds-tree-checkbox{align-self:flex-start;margin-top:.25rem}.ds-tree-align-top .ds-tree-switcher{align-items:flex-start;padding-top:.375rem}.ds-tree-icon__customize{display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ds-color-icon);margin-right:.5rem}.ds-tree-treenode:not(.ds-tree-treenode-disabled).ds-tree-treenode-selected .ds-tree-node-content-wrapper:hover{color:var(--ds-tree-node-selected-color)}.ds-directory-tree .ds-tree-treenode-selected .ds-tree-icon__customize{color:var(--ds-tree-directory-node-selected-color)}.ds-directory-tree .ds-tree-treenode:not(.ds-tree-treenode-disabled).ds-tree-treenode-selected .ds-tree-node-content-wrapper:hover{color:var(--ds-tree-directory-node-selected-color)}.ds-tree-switcher .ds-tree-switcher-icon{font-size:.75rem}.ds-caret-switcher-icon{transition:transform .2s ease-in-out}.ds-tree-switcher_open .ds-caret-switcher-icon{transform:rotate(90deg)}.ds-tree .ds-tree-switcher:before{height:max(100%,var(--ds-tree-title-height))}}

package/dist/components/utils/renderProp.d.ts

@@ -20,5 +20,5 @@ import { default as React } from 'react';
  *   <button>Click me</button>
  * </Component>
  */
-export declare function createRenderProp<TProps extends object = object, TState = unknown>(children: ((props: TProps, state: TState) => React.ReactElement) | React.ReactElement, props: TProps, state?: TState): React.ReactElement;
+export declare function createRenderProp<TProps extends object = object, TState = unknown, TElement = Element>(children: ((props: TProps, state: TState) => React.ReactElement) | React.ReactElement, props: TProps, state?: TState): React.ReactElement;
 //# sourceMappingURL=renderProp.d.ts.map

package/dist/components/utils/renderProp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/renderProp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,SAAS,MAAM,GAAG,MAAM,EAC9B,MAAM,GAAG,OAAO,EAEhB,QAAQ,EACJ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,GACtD,KAAK,CAAC,YAAY,EACtB,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,GACb,KAAK,CAAC,YAAY,CA0BpB"}
+{"version":3,"file":"renderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/renderProp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,SAAS,MAAM,GAAG,MAAM,EAC9B,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,OAAO,EAElB,QAAQ,EACJ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,GACtD,KAAK,CAAC,YAAY,EACtB,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,GACb,KAAK,CAAC,YAAY,CAgDpB"}

package/dist/components/utils/renderProp.js

@@ -1,19 +1,25 @@
 "use client";
-import n from "react";
-import { clsx as r } from "./cn.js";
-function f(s, e, t) {
+import i from "react";
+import { clsx as N } from "./cn.js";
+import d from "merge-refs";
+function P(s, r, c) {
   if (typeof s == "function")
-    return s(e, t);
+    return s(r, c);
   {
-    const a = s, l = "className" in e ? e.className : void 0, o = r(l, a.props.className), { className: N, ...c } = e, { className: i, ...m } = a.props;
-    return n.cloneElement(a, {
-      ...c,
-      ...m,
-      className: o
+    const e = s, o = r, l = o.className, t = o.ref, m = N(l, e.props.className), a = e.ref, n = t && a ? d(a, t) : t || a, {
+      className: R,
+      ref: u,
+      ...p
+    } = o, { className: C, ...f } = e.props;
+    return i.cloneElement(e, {
+      ...p,
+      ...f,
+      className: m,
+      ref: n
     });
   }
 }
 export {
-  f as createRenderProp
+  P as createRenderProp
 };
 //# sourceMappingURL=renderProp.js.map

package/dist/components/utils/renderProp.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderProp.js","sources":["../../../src/components/utils/renderProp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx } from \"./cn\";\nimport type { ClassValue } from \"./types\";\n\n/**\n * Utility function to handle render prop patterns with proper TypeScript typing.\n * Supports both function render props and ReactElement children.\n *\n * @param children - Either a render function or a ReactElement\n * @param props - Props to pass to the render function or merge with the ReactElement\n * @param state - Optional state to pass to the render function\n * @returns The rendered element\n *\n * @example\n * // With function children\n * <Component>\n *   {(props, state) => <button {...props}>Click me</button>}\n * </Component>\n *\n * @example\n * // With ReactElement children\n * <Component>\n *   <button>Click me</button>\n * </Component>\n */\nexport function createRenderProp<\n  TProps extends object = object,\n  TState = unknown\n>(\n  children:\n    | ((props: TProps, state: TState) => React.ReactElement)\n    | React.ReactElement,\n  props: TProps,\n  state?: TState\n): React.ReactElement {\n  if (typeof children === \"function\") {\n    return children(props, state as TState);\n  } else {\n    const childElement = children as React.ReactElement<{\n      className?: ClassValue;\n    }>;\n    const propsClassName =\n      \"className\" in props ? (props.className as ClassValue) : undefined;\n    const mergedClassName = clsx(propsClassName, childElement.props.className);\n\n    // Remove className from both props and child props to handle it separately\n    const { className: _propsClassName, ...propsWithoutClassName } =\n      props as any;\n    const { className: _childClassName, ...childPropsWithoutClassName } =\n      childElement.props;\n\n    // Spread trigger props first, then child props on top to preserve child's explicit props\n    // This ensures that props like 'type', 'size', etc. from the child element are preserved\n    const clonedElement = React.cloneElement(childElement, {\n      ...propsWithoutClassName,\n      ...childPropsWithoutClassName,\n      className: mergedClassName,\n    });\n    return clonedElement;\n  }\n}\n"],"names":["createRenderProp","children","props","state","childElement","propsClassName","mergedClassName","clsx","_propsClassName","propsWithoutClassName","_childClassName","childPropsWithoutClassName","React"],"mappings":";;;AA0BO,SAASA,EAIdC,GAGAC,GACAC,GACoB;AACpB,MAAI,OAAOF,KAAa;AACtB,WAAOA,EAASC,GAAOC,CAAe;AACjC;AACL,UAAMC,IAAeH,GAGfI,IACJ,eAAeH,IAASA,EAAM,YAA2B,QACrDI,IAAkBC,EAAKF,GAAgBD,EAAa,MAAM,SAAS,GAGnE,EAAE,WAAWI,GAAiB,GAAGC,MACrCP,GACI,EAAE,WAAWQ,GAAiB,GAAGC,EAAA,IACrCP,EAAa;AASf,WALsBQ,EAAM,aAAaR,GAAc;AAAA,MACrD,GAAGK;AAAA,MACH,GAAGE;AAAA,MACH,WAAWL;AAAA,IAAA,CACZ;AAAA,EAEH;AACF;"}
+{"version":3,"file":"renderProp.js","sources":["../../../src/components/utils/renderProp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx } from \"./cn\";\nimport type { ClassValue } from \"./types\";\nimport mergeRefs from \"merge-refs\";\n\n/**\n * Utility function to handle render prop patterns with proper TypeScript typing.\n * Supports both function render props and ReactElement children.\n *\n * @param children - Either a render function or a ReactElement\n * @param props - Props to pass to the render function or merge with the ReactElement\n * @param state - Optional state to pass to the render function\n * @returns The rendered element\n *\n * @example\n * // With function children\n * <Component>\n *   {(props, state) => <button {...props}>Click me</button>}\n * </Component>\n *\n * @example\n * // With ReactElement children\n * <Component>\n *   <button>Click me</button>\n * </Component>\n */\nexport function createRenderProp<\n  TProps extends object = object,\n  TState = unknown,\n  TElement = Element,\n>(\n  children:\n    | ((props: TProps, state: TState) => React.ReactElement)\n    | React.ReactElement,\n  props: TProps,\n  state?: TState,\n): React.ReactElement {\n  if (typeof children === \"function\") {\n    return children(props, state as TState);\n  } else {\n    const childElement = children as React.ReactElement<{\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    }>;\n\n    // Extract className and ref from props with proper typing\n    const propsWithPossibleClassNameAndRef = props as TProps & {\n      className?: ClassValue;\n      ref?: React.Ref<TElement>;\n    };\n\n    const propsClassName = propsWithPossibleClassNameAndRef.className;\n    const propsRef = propsWithPossibleClassNameAndRef.ref;\n    const mergedClassName = clsx(propsClassName, childElement.props.className);\n\n    // Merge refs from both props and child element\n    // React internally stores ref on the element, so we need to access it\n    const childRef = (\n      childElement as React.ReactElement & { ref?: React.Ref<TElement> }\n    ).ref;\n    const mergedRef =\n      propsRef && childRef\n        ? mergeRefs(childRef, propsRef)\n        : propsRef || childRef;\n\n    // Remove className and ref from props to handle them separately\n    const {\n      className: _propsClassName,\n      ref: _propsRef,\n      ...propsWithoutClassNameAndRef\n    } = propsWithPossibleClassNameAndRef;\n    const { className: _childClassName, ...childPropsWithoutClassName } =\n      childElement.props;\n\n    // Spread trigger props first, then child props on top to preserve child's explicit props\n    // This ensures that props like 'type', 'size', etc. from the child element are preserved\n    const clonedElement = React.cloneElement(childElement, {\n      ...propsWithoutClassNameAndRef,\n      ...childPropsWithoutClassName,\n      className: mergedClassName,\n      ref: mergedRef,\n    } as React.HTMLAttributes<TElement> & { ref?: React.Ref<TElement> });\n    return clonedElement;\n  }\n}\n"],"names":["createRenderProp","children","props","state","childElement","propsWithPossibleClassNameAndRef","propsClassName","propsRef","mergedClassName","clsx","childRef","mergedRef","mergeRefs","_propsClassName","_propsRef","propsWithoutClassNameAndRef","_childClassName","childPropsWithoutClassName","React"],"mappings":";;;;AA2BO,SAASA,EAKdC,GAGAC,GACAC,GACoB;AACpB,MAAI,OAAOF,KAAa;AACtB,WAAOA,EAASC,GAAOC,CAAe;AACjC;AACL,UAAMC,IAAeH,GAMfI,IAAmCH,GAKnCI,IAAiBD,EAAiC,WAClDE,IAAWF,EAAiC,KAC5CG,IAAkBC,EAAKH,GAAgBF,EAAa,MAAM,SAAS,GAInEM,IACJN,EACA,KACIO,IACJJ,KAAYG,IACRE,EAAUF,GAAUH,CAAQ,IAC5BA,KAAYG,GAGZ;AAAA,MACJ,WAAWG;AAAA,MACX,KAAKC;AAAA,MACL,GAAGC;AAAA,IAAA,IACDV,GACE,EAAE,WAAWW,GAAiB,GAAGC,EAAA,IACrCb,EAAa;AAUf,WANsBc,EAAM,aAAad,GAAc;AAAA,MACrD,GAAGW;AAAA,MACH,GAAGE;AAAA,MACH,WAAWT;AAAA,MACX,KAAKG;AAAA,IAAA,CAC4D;AAAA,EAErE;AACF;"}

package/dist/components/vertical-collapsible-panel/style.css

@@ -1 +1 @@
-@layer components{.ds-collapsible-panel{overflow:hidden;flex-basis:fit-content;flex-grow:0;flex-shrink:0;display:flex;max-height:100%;flex-direction:column}.ds-collapsible-panel[data-closed]{transition:all .2s ease-out}.ds-collapsible-panel[data-closed] .ds-collapsible-panel-trigger>*{transform:rotate(-180deg)}.ds-collapsible-panel[data-open]{transition:all .2s ease-in;flex-grow:1}.ds-collapsible-panel-trigger{background:none;border:none;padding:0;cursor:pointer;text-align:left}.ds-collapsible-panel-header{display:flex;flex-direction:column;flex-grow:0;transition:all .2s ease-in-out;border-bottom:1px solid transparent}.ds-collapsible-panel-header-inner{display:flex;align-items:center;transition:width .2s ease;padding:.75rem 1rem;gap:.5rem}.ds-collapsible-panel-header-after{display:flex;align-items:center;padding:0 1rem .75rem;gap:.5rem}.ds-collapsible-panel[data-open] .ds-collapsible-panel-header{border-bottom:1px solid var(--ds-color-split)}.ds-collapsible-panel[data-open] .ds-collapsible-panel-header-inner{justify-content:flex-start;flex-grow:1}.ds-collapsible-panel-trigger:hover .ds-collapsible-panel-header{background-color:var(--ds-color-bg-hover)}.ds-collapsible-panel-header-actions{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:.5rem;flex-grow:0}.ds-collapsible-panel-header-text{flex-grow:1;display:inline-block;font-size:var(--text-ds-h5);font-weight:var(--text-ds-h5--font-weight);line-height:var(--text-ds-h5--line-height);color:var(--ds-color-text)}.ds-collapsible-panel[data-closed] .ds-collapsible-panel-header-inner{transform:rotate(180deg);writing-mode:vertical-rl}.ds-collapsible-panel-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;overflow-y:auto}.ds-collapsible-panel-content[data-closed]{display:none}.ds-collapsible-panel-body{padding:var(--ds-content-padding);flex-grow:1;transition:opacity .2s ease-in-out}.ds-collapsible-panel-body[data-starting],.ds-collapsible-panel-body[data-ending]{opacity:0}}
+@layer components{.ds-collapsible-panel{overflow:hidden;flex-basis:fit-content;flex-grow:0;flex-shrink:0;display:flex;max-height:100%;flex-direction:column}.ds-collapsible-panel[data-closed]{transition:all .2s ease-out}.ds-collapsible-panel[data-closed] .ds-collapsible-panel-trigger>*{transform:rotate(-180deg)}.ds-collapsible-panel[data-open]{transition:all .2s ease-in;flex-grow:1}.ds-collapsible-panel-trigger{background:none;border:none;padding:0;cursor:pointer;text-align:left}.ds-collapsible-panel-header{display:flex;flex-direction:column;flex-grow:0;transition:all .2s ease-in-out;border-bottom:1px solid transparent}.ds-collapsible-panel-header-inner{display:flex;align-items:center;transition:width .2s ease;padding:.75rem 1rem;gap:.5rem}.ds-collapsible-panel-header-after{display:flex;align-items:center;padding:0 1rem .75rem;gap:.5rem}.ds-collapsible-panel[data-open] .ds-collapsible-panel-header{border-bottom:1px solid var(--ds-color-split)}.ds-collapsible-panel[data-open] .ds-collapsible-panel-header-inner{justify-content:flex-start;flex-grow:1}.ds-collapsible-panel-trigger:hover .ds-collapsible-panel-header{background-color:var(--ds-color-bg-hover)}.ds-collapsible-panel-header-actions{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:.5rem;flex-grow:0}.ds-collapsible-panel-header-text{flex-grow:1;display:inline-block;font-size:var(--ds-font-size-heading-5);font-weight:600;line-height:var(--ds-line-height-heading-5);color:var(--ds-color-text)}.ds-collapsible-panel[data-closed] .ds-collapsible-panel-header-inner{transform:rotate(180deg);writing-mode:vertical-rl}.ds-collapsible-panel-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;overflow-y:auto}.ds-collapsible-panel-content[data-closed]{display:none}.ds-collapsible-panel-body{padding:var(--ds-content-padding);flex-grow:1;transition:opacity .2s ease-in-out}.ds-collapsible-panel-body[data-starting],.ds-collapsible-panel-body[data-ending]{opacity:0}}