@rabelo-digital/ds-rd 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-CZMDBTZY.js +317 -0
- package/dist/chunk-CZMDBTZY.js.map +1 -0
- package/dist/chunk-JPWULLEO.mjs +306 -0
- package/dist/chunk-JPWULLEO.mjs.map +1 -0
- package/dist/index.css +1159 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +241 -0
- package/dist/index.d.ts +241 -0
- package/dist/index.js +774 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +684 -0
- package/dist/index.mjs.map +1 -0
- package/dist/tokens/index.d.mts +295 -0
- package/dist/tokens/index.d.ts +295 -0
- package/dist/tokens/index.js +48 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/index.mjs +3 -0
- package/dist/tokens/index.mjs.map +1 -0
- package/package.json +149 -0
- package/tokens.css +238 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/atoms/Button/Button.module.css","../src/components/atoms/Input/Input.module.css","../src/components/atoms/Textarea/Textarea.module.css","../src/components/atoms/Badge/Badge.module.css","../src/components/atoms/Avatar/Avatar.module.css","../src/components/atoms/Checkbox/Checkbox.module.css","../src/components/atoms/Radio/Radio.module.css","../src/components/atoms/Select/Select.module.css","../src/components/atoms/Tooltip/Tooltip.module.css","../src/components/atoms/SocialIcons/SocialIcons.module.css","../src/components/molecules/Card/Card.module.css","../src/components/molecules/Modal/Modal.module.css","../src/components/molecules/Drawer/Drawer.module.css","../src/components/molecules/Tabs/Tabs.module.css","../src/components/molecules/Accordion/Accordion.module.css","../src/components/molecules/Toast/Toast.module.css","../src/components/molecules/Table/Table.module.css"],"sourcesContent":[".button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--ds-space-2);\n border: 1px solid transparent;\n border-radius: var(--ds-radius-md);\n font-family: var(--ds-font-family-base);\n font-weight: var(--ds-font-weight-medium);\n line-height: var(--ds-line-height-tight);\n cursor: pointer;\n text-decoration: none;\n transition:\n background-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n box-shadow var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n white-space: nowrap;\n user-select: none;\n}\n\n.button:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n\n/* Sizes */\n.sm {\n padding: var(--ds-space-1) var(--ds-space-3);\n font-size: var(--ds-font-size-sm);\n min-height: 32px;\n}\n\n.md {\n padding: var(--ds-space-2) var(--ds-space-4);\n font-size: var(--ds-font-size-md);\n min-height: 40px;\n}\n\n.lg {\n padding: var(--ds-space-3) var(--ds-space-6);\n font-size: var(--ds-font-size-lg);\n min-height: 48px;\n}\n\n/* Variants */\n.primary {\n background: var(--ds-color-primary);\n color: var(--ds-color-on-primary);\n border-color: var(--ds-color-primary);\n}\n\n.primary:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n background: var(--ds-color-primary-hover);\n border-color: var(--ds-color-primary-hover);\n}\n\n.primary:active:not(:disabled) {\n background: var(--ds-color-primary-active);\n border-color: var(--ds-color-primary-active);\n}\n\n.secondary {\n background: var(--ds-color-secondary);\n color: var(--ds-color-on-secondary);\n border-color: var(--ds-color-secondary);\n}\n\n.secondary:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n background: var(--ds-color-secondary-hover);\n border-color: var(--ds-color-secondary-hover);\n}\n\n.ghost {\n background: transparent;\n color: var(--ds-color-primary);\n border-color: var(--ds-color-border);\n}\n\n.ghost:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n background: var(--ds-color-primary-subtle);\n border-color: var(--ds-color-primary);\n}\n\n.danger {\n background: var(--ds-color-error);\n color: var(--ds-color-on-error);\n border-color: var(--ds-color-error);\n}\n\n.danger:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n background: var(--ds-color-error-hover);\n border-color: var(--ds-color-error-hover);\n}\n\n/* States */\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n background: var(--ds-color-disabled-bg);\n color: var(--ds-color-disabled-text);\n border-color: var(--ds-color-disabled-border);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Loading */\n.loading {\n position: relative;\n cursor: wait;\n pointer-events: none;\n}\n\n.label {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-2);\n}\n\n.labelHidden {\n visibility: hidden;\n}\n\n.spinner {\n position: absolute;\n width: 1em;\n height: 1em;\n border: 2px solid currentColor;\n border-top-color: transparent;\n border-radius: var(--ds-radius-full);\n animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-1);\n width: 100%;\n}\n\n.label {\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-sm);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-text);\n line-height: var(--ds-line-height-normal);\n}\n\n.input {\n width: 100%;\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-md);\n color: var(--ds-color-text);\n background: var(--ds-color-bg);\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-md);\n transition:\n border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n box-shadow var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n outline: none;\n box-sizing: border-box;\n}\n\n.input::placeholder {\n color: var(--ds-color-text-subtle);\n}\n\n.input:hover:not(:disabled) {\n border-color: var(--ds-color-border-strong);\n}\n\n.input:focus {\n border-color: var(--ds-color-border-focus);\n box-shadow: 0 0 0 3px var(--ds-color-primary-muted);\n}\n\n.input:disabled {\n background: var(--ds-color-disabled-bg);\n color: var(--ds-color-disabled-text);\n border-color: var(--ds-color-disabled-border);\n cursor: not-allowed;\n}\n\n.input.error {\n border-color: var(--ds-color-border-error);\n}\n\n.input.error:focus {\n box-shadow: 0 0 0 3px var(--ds-color-error-muted);\n}\n\n/* Sizes */\n.sm {\n padding: var(--ds-space-1) var(--ds-space-2);\n font-size: var(--ds-font-size-sm);\n min-height: 32px;\n}\n.md {\n padding: var(--ds-space-2) var(--ds-space-3);\n font-size: var(--ds-font-size-md);\n min-height: 40px;\n}\n.lg {\n padding: var(--ds-space-3) var(--ds-space-4);\n font-size: var(--ds-font-size-lg);\n min-height: 48px;\n}\n\n.helperText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-text-muted);\n line-height: var(--ds-line-height-normal);\n}\n\n.errorText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-error);\n line-height: var(--ds-line-height-normal);\n}\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-1);\n width: 100%;\n}\n\n.label {\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-sm);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-text);\n}\n\n.textarea {\n width: 100%;\n min-height: 100px;\n padding: var(--ds-space-2) var(--ds-space-3);\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-md);\n color: var(--ds-color-text);\n background: var(--ds-color-bg);\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-md);\n resize: vertical;\n outline: none;\n transition:\n border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n box-shadow var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n box-sizing: border-box;\n}\n\n.textarea:focus {\n border-color: var(--ds-color-border-focus);\n box-shadow: 0 0 0 3px var(--ds-color-primary-muted);\n}\n.textarea:disabled {\n background: var(--ds-color-disabled-bg);\n color: var(--ds-color-disabled-text);\n cursor: not-allowed;\n}\n.textarea.error {\n border-color: var(--ds-color-border-error);\n}\n.textarea.error:focus {\n box-shadow: 0 0 0 3px var(--ds-color-error-muted);\n}\n\n.footer {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n}\n.helperText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-text-muted);\n}\n.errorText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-error);\n}\n.counter {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-text-muted);\n margin-left: auto;\n}\n",".badge {\n display: inline-flex;\n align-items: center;\n font-family: var(--ds-font-family-base);\n font-weight: var(--ds-font-weight-medium);\n border-radius: var(--ds-radius-full);\n white-space: nowrap;\n}\n\n.sm {\n padding: 2px var(--ds-space-2);\n font-size: var(--ds-font-size-xs);\n}\n.md {\n padding: var(--ds-space-1) var(--ds-space-2);\n font-size: var(--ds-font-size-sm);\n}\n\n.default {\n background: var(--ds-color-bg-muted);\n color: var(--ds-color-text);\n}\n.primary {\n background: var(--ds-color-primary-muted);\n color: var(--ds-color-primary);\n}\n.success {\n background: var(--ds-color-success-muted);\n color: var(--ds-color-success);\n}\n.warning {\n background: var(--ds-color-warning-muted);\n color: var(--ds-color-warning-hover);\n}\n.error {\n background: var(--ds-color-error-muted);\n color: var(--ds-color-error);\n}\n.info {\n background: var(--ds-color-info-muted);\n color: var(--ds-color-info);\n}\n",".avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: var(--ds-color-primary-muted);\n color: var(--ds-color-primary);\n font-family: var(--ds-font-family-base);\n font-weight: var(--ds-font-weight-semibold);\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.circle {\n border-radius: var(--ds-radius-full);\n}\n.square {\n border-radius: var(--ds-radius-lg);\n}\n\n.xs {\n width: 24px;\n height: 24px;\n font-size: var(--ds-font-size-xs);\n}\n.sm {\n width: 32px;\n height: 32px;\n font-size: var(--ds-font-size-xs);\n}\n.md {\n width: 40px;\n height: 40px;\n font-size: var(--ds-font-size-sm);\n}\n.lg {\n width: 56px;\n height: 56px;\n font-size: var(--ds-font-size-md);\n}\n.xl {\n width: 80px;\n height: 80px;\n font-size: var(--ds-font-size-xl);\n}\n\n.image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.initials {\n line-height: 1;\n}\n",".wrapper {\n display: flex;\n align-items: center;\n gap: var(--ds-space-2);\n}\n\n.root {\n width: 18px;\n height: 18px;\n border: 2px solid var(--ds-color-border-strong);\n border-radius: var(--ds-radius-sm);\n background: var(--ds-color-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition:\n border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n outline: none;\n}\n\n.root[data-state=\"checked\"],\n.root[data-state=\"indeterminate\"] {\n background: var(--ds-color-primary);\n border-color: var(--ds-color-primary);\n color: var(--ds-color-on-primary);\n}\n\n.root:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n.root:disabled {\n background: var(--ds-color-disabled-bg);\n border-color: var(--ds-color-disabled-border);\n cursor: not-allowed;\n}\n\n.indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n color: currentColor;\n}\n.label {\n font-size: var(--ds-font-size-sm);\n color: var(--ds-color-text);\n cursor: pointer;\n line-height: var(--ds-line-height-normal);\n}\n",".group {\n display: flex;\n}\n.vertical {\n flex-direction: column;\n gap: var(--ds-space-2);\n}\n.horizontal {\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--ds-space-4);\n}\n\n.item {\n display: flex;\n align-items: center;\n gap: var(--ds-space-2);\n}\n\n.radio {\n width: 18px;\n height: 18px;\n border-radius: var(--ds-radius-full);\n border: 2px solid var(--ds-color-border-strong);\n background: var(--ds-color-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n outline: none;\n transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n}\n\n.radio[data-state=\"checked\"] {\n border-color: var(--ds-color-primary);\n}\n.radio:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n.radio:disabled {\n background: var(--ds-color-disabled-bg);\n border-color: var(--ds-color-disabled-border);\n cursor: not-allowed;\n}\n\n.indicator {\n width: 8px;\n height: 8px;\n border-radius: var(--ds-radius-full);\n background: var(--ds-color-primary);\n}\n\n.label {\n font-size: var(--ds-font-size-sm);\n color: var(--ds-color-text);\n cursor: pointer;\n}\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-1);\n width: 100%;\n}\n.label {\n font-size: var(--ds-font-size-sm);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-text);\n}\n\n.trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-2);\n width: 100%;\n font-family: var(--ds-font-family-base);\n color: var(--ds-color-text);\n background: var(--ds-color-bg);\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-md);\n cursor: pointer;\n outline: none;\n transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n}\n\n.trigger:hover:not(:disabled) {\n border-color: var(--ds-color-border-strong);\n}\n.trigger:focus {\n border-color: var(--ds-color-border-focus);\n box-shadow: 0 0 0 3px var(--ds-color-primary-muted);\n}\n.trigger[data-disabled] {\n background: var(--ds-color-disabled-bg);\n color: var(--ds-color-disabled-text);\n cursor: not-allowed;\n}\n.trigger.error {\n border-color: var(--ds-color-border-error);\n}\n\n.sm {\n padding: var(--ds-space-1) var(--ds-space-2);\n font-size: var(--ds-font-size-sm);\n min-height: 32px;\n}\n.md {\n padding: var(--ds-space-2) var(--ds-space-3);\n font-size: var(--ds-font-size-md);\n min-height: 40px;\n}\n.lg {\n padding: var(--ds-space-3) var(--ds-space-4);\n font-size: var(--ds-font-size-lg);\n min-height: 48px;\n}\n\n.icon {\n color: var(--ds-color-text-muted);\n flex-shrink: 0;\n}\n\n.content {\n background: var(--ds-color-surface);\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-lg);\n box-shadow: var(--ds-elevation-md);\n z-index: var(--ds-z-dropdown);\n min-width: var(--radix-select-trigger-width);\n max-height: var(--radix-select-content-available-height);\n overflow: hidden;\n}\n\n.viewport {\n padding: var(--ds-space-1);\n}\n\n.item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-2);\n padding: var(--ds-space-2) var(--ds-space-3);\n border-radius: var(--ds-radius-md);\n font-size: var(--ds-font-size-sm);\n color: var(--ds-color-text);\n cursor: pointer;\n outline: none;\n transition: background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n user-select: none;\n}\n\n.item[data-highlighted] {\n background: var(--ds-color-primary-subtle);\n color: var(--ds-color-primary);\n}\n.item[data-disabled] {\n color: var(--ds-color-disabled-text);\n cursor: not-allowed;\n}\n.itemIndicator {\n color: var(--ds-color-primary);\n}\n\n.errorText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-error);\n}\n.helperText {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-text-muted);\n}\n",".content {\n background: var(--ds-color-text);\n color: var(--ds-color-text-inverse);\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-xs);\n line-height: var(--ds-line-height-normal);\n padding: var(--ds-space-1) var(--ds-space-2);\n border-radius: var(--ds-radius-md);\n box-shadow: var(--ds-elevation-md);\n z-index: var(--ds-z-tooltip);\n max-width: 250px;\n animation: fadeIn var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n}\n\n.arrow {\n fill: var(--ds-color-text);\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n",".list {\n display: flex;\n gap: var(--ds-space-2);\n list-style: none;\n margin: 0;\n padding: 0;\n flex-wrap: wrap;\n}\n\n.link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--ds-radius-full);\n color: var(--ds-color-text-muted);\n background: var(--ds-color-bg-subtle);\n transition:\n color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n text-decoration: none;\n}\n\n.link:hover {\n color: var(--ds-color-primary);\n background: var(--ds-color-primary-subtle);\n}\n.link:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n\n.sm {\n width: 32px;\n height: 32px;\n font-size: 14px;\n}\n.md {\n width: 40px;\n height: 40px;\n font-size: 16px;\n}\n.lg {\n width: 48px;\n height: 48px;\n font-size: 20px;\n}\n",".card {\n background: var(--ds-color-surface);\n border: 1px solid var(--ds-color-border);\n overflow: hidden;\n}\n\n.header {\n padding: var(--ds-space-4) var(--ds-space-6);\n border-bottom: 1px solid var(--ds-color-border-muted);\n font-weight: var(--ds-font-weight-semibold);\n font-size: var(--ds-font-size-lg);\n color: var(--ds-color-text);\n}\n\n.body {\n padding: var(--ds-space-6);\n color: var(--ds-color-text);\n}\n\n.footer {\n padding: var(--ds-space-4) var(--ds-space-6);\n border-top: 1px solid var(--ds-color-border-muted);\n background: var(--ds-color-bg-subtle);\n display: flex;\n align-items: center;\n gap: var(--ds-space-2);\n}\n",".overlay {\n position: fixed;\n inset: 0;\n background: var(--ds-color-bg-overlay);\n z-index: var(--ds-z-overlay);\n animation: overlayIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n\n.content {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--ds-color-surface);\n border-radius: var(--ds-radius-xl);\n box-shadow: var(--ds-elevation-xl);\n z-index: var(--ds-z-modal);\n max-height: 90vh;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n animation: contentIn var(--ds-motion-duration-normal) var(--ds-motion-easing-spring);\n}\n\n.sm {\n width: min(400px, 90vw);\n}\n.md {\n width: min(560px, 90vw);\n}\n.lg {\n width: min(720px, 90vw);\n}\n.xl {\n width: min(900px, 90vw);\n}\n.full {\n width: calc(100vw - 32px);\n height: calc(100vh - 32px);\n top: 16px;\n left: 16px;\n transform: none;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-4);\n padding: var(--ds-space-4) var(--ds-space-6);\n border-bottom: 1px solid var(--ds-color-border-muted);\n}\n\n.title {\n font-family: var(--ds-font-family-heading);\n font-size: var(--ds-font-size-xl);\n font-weight: var(--ds-font-weight-semibold);\n color: var(--ds-color-text);\n margin: 0;\n}\n\n.description {\n padding: var(--ds-space-2) var(--ds-space-6) 0;\n font-size: var(--ds-font-size-sm);\n color: var(--ds-color-text-muted);\n}\n\n.body {\n padding: var(--ds-space-6);\n flex: 1;\n}\n\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--ds-radius-md);\n border: none;\n background: transparent;\n color: var(--ds-color-text-muted);\n cursor: pointer;\n transition:\n background var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n flex-shrink: 0;\n}\n\n.close:hover {\n background: var(--ds-color-bg-subtle);\n color: var(--ds-color-text);\n}\n.close:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n\n@keyframes overlayIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes contentIn {\n from {\n opacity: 0;\n transform: translate(-50%, -48%) scale(0.96);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n",".overlay {\n position: fixed;\n inset: 0;\n background: var(--ds-color-bg-overlay);\n z-index: var(--ds-z-overlay);\n animation: fadeIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n\n.content {\n position: fixed;\n background: var(--ds-color-surface);\n box-shadow: var(--ds-elevation-xl);\n z-index: var(--ds-z-modal);\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n}\n\n.right {\n top: 0;\n right: 0;\n bottom: 0;\n width: min(480px, 90vw);\n animation: slideInRight var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n.left {\n top: 0;\n left: 0;\n bottom: 0;\n width: min(480px, 90vw);\n animation: slideInLeft var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n.top {\n top: 0;\n left: 0;\n right: 0;\n height: min(360px, 60vh);\n animation: slideInTop var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n.bottom {\n bottom: 0;\n left: 0;\n right: 0;\n height: min(360px, 60vh);\n animation: slideInBottom var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--ds-space-4) var(--ds-space-6);\n border-bottom: 1px solid var(--ds-color-border-muted);\n}\n.title {\n font-size: var(--ds-font-size-xl);\n font-weight: var(--ds-font-weight-semibold);\n color: var(--ds-color-text);\n margin: 0;\n}\n.body {\n padding: var(--ds-space-6);\n flex: 1;\n}\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--ds-radius-md);\n border: none;\n background: transparent;\n color: var(--ds-color-text-muted);\n cursor: pointer;\n}\n.close:hover {\n background: var(--ds-color-bg-subtle);\n color: var(--ds-color-text);\n}\n.close:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes slideInRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes slideInLeft {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes slideInTop {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes slideInBottom {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n",".root {\n display: flex;\n flex-direction: column;\n}\n.list {\n display: flex;\n border-bottom: 2px solid var(--ds-color-border);\n gap: 0;\n}\n.trigger {\n padding: var(--ds-space-2) var(--ds-space-4);\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-sm);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-text-muted);\n background: transparent;\n border: none;\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n cursor: pointer;\n transition:\n color var(--ds-motion-duration-fast) var(--ds-motion-easing-out),\n border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n outline: none;\n}\n.trigger:hover:not([disabled]) {\n color: var(--ds-color-text);\n}\n.trigger[data-state=\"active\"] {\n color: var(--ds-color-primary);\n border-bottom-color: var(--ds-color-primary);\n}\n.trigger[disabled] {\n color: var(--ds-color-disabled-text);\n cursor: not-allowed;\n}\n.trigger:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n border-radius: var(--ds-radius-sm);\n}\n.content {\n padding: var(--ds-space-6) 0;\n}\n",".root {\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-lg);\n overflow: hidden;\n}\n.item {\n border-bottom: 1px solid var(--ds-color-border);\n}\n.item:last-child {\n border-bottom: none;\n}\n.item[data-disabled] {\n opacity: 0.5;\n}\n.trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-4);\n width: 100%;\n padding: var(--ds-space-4) var(--ds-space-6);\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-md);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-text);\n background: transparent;\n border: none;\n cursor: pointer;\n text-align: left;\n transition: background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);\n outline: none;\n}\n.trigger:hover {\n background: var(--ds-color-bg-subtle);\n}\n.trigger:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: -2px;\n}\n.chevron {\n flex-shrink: 0;\n transition: transform var(--ds-motion-duration-normal) var(--ds-motion-easing-in-out);\n}\n.trigger[data-state=\"open\"] .chevron {\n transform: rotate(180deg);\n}\n.content {\n overflow: hidden;\n}\n.content[data-state=\"open\"] {\n animation: slideDown var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n.content[data-state=\"closed\"] {\n animation: slideUp var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n.contentInner {\n padding: 0 var(--ds-space-6) var(--ds-space-4);\n color: var(--ds-color-text-muted);\n font-size: var(--ds-font-size-md);\n}\n@keyframes slideDown {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n}\n@keyframes slideUp {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n}\n",".viewport {\n position: fixed;\n bottom: var(--ds-space-6);\n right: var(--ds-space-6);\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-2);\n width: 360px;\n max-width: calc(100vw - var(--ds-space-8));\n z-index: var(--ds-z-toast);\n list-style: none;\n padding: 0;\n margin: 0;\n outline: none;\n}\n\n.root {\n background: var(--ds-color-surface);\n border-radius: var(--ds-radius-lg);\n box-shadow: var(--ds-elevation-lg);\n border-left: 4px solid;\n animation: slideIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);\n}\n\n.root[data-state=\"closed\"] {\n animation: slideOut var(--ds-motion-duration-normal) var(--ds-motion-easing-in);\n}\n\n.default {\n border-color: var(--ds-color-border-strong);\n}\n.success {\n border-color: var(--ds-color-success);\n}\n.warning {\n border-color: var(--ds-color-warning);\n}\n.error {\n border-color: var(--ds-color-error);\n}\n.info {\n border-color: var(--ds-color-info);\n}\n\n.content {\n display: flex;\n align-items: flex-start;\n gap: var(--ds-space-3);\n padding: var(--ds-space-4);\n}\n.text {\n flex: 1;\n min-width: 0;\n}\n.title {\n font-size: var(--ds-font-size-sm);\n font-weight: var(--ds-font-weight-semibold);\n color: var(--ds-color-text);\n margin: 0;\n}\n.description {\n font-size: var(--ds-font-size-xs);\n color: var(--ds-color-text-muted);\n margin-top: var(--ds-space-1);\n}\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: var(--ds-radius-sm);\n border: none;\n background: transparent;\n color: var(--ds-color-text-muted);\n cursor: pointer;\n flex-shrink: 0;\n padding: 0;\n}\n.close:hover {\n background: var(--ds-color-bg-subtle);\n}\n.close:focus-visible {\n outline: 2px solid var(--ds-color-border-focus);\n outline-offset: 2px;\n}\n\n@keyframes slideIn {\n from {\n transform: translateX(calc(100% + var(--ds-space-6)));\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideOut {\n from {\n transform: translateX(0);\n opacity: 1;\n }\n to {\n transform: translateX(calc(100% + var(--ds-space-6)));\n opacity: 0;\n }\n}\n",".wrapper {\n width: 100%;\n overflow-x: auto;\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-lg);\n}\n.table {\n width: 100%;\n border-collapse: collapse;\n font-family: var(--ds-font-family-base);\n font-size: var(--ds-font-size-sm);\n}\n.caption {\n padding: var(--ds-space-3) var(--ds-space-4);\n text-align: left;\n font-size: var(--ds-font-size-sm);\n color: var(--ds-color-text-muted);\n}\n.head {\n background: var(--ds-color-bg-subtle);\n}\n.stickyHeader .head {\n position: sticky;\n top: 0;\n z-index: var(--ds-z-raised);\n}\n.th {\n padding: var(--ds-space-3) var(--ds-space-4);\n text-align: left;\n font-weight: var(--ds-font-weight-semibold);\n color: var(--ds-color-text);\n border-bottom: 2px solid var(--ds-color-border);\n white-space: nowrap;\n}\n.td {\n padding: var(--ds-space-3) var(--ds-space-4);\n color: var(--ds-color-text);\n border-bottom: 1px solid var(--ds-color-border-muted);\n vertical-align: middle;\n}\n.row:last-child .td {\n border-bottom: none;\n}\n.body .row:hover {\n background: var(--ds-color-bg-subtle);\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,UAAQ,IAAI,MAAM;AAClB,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,UAAQ;AACR,mBAAiB;AACjB;AAAA,IACE,iBAAiB,IAAI,2BAA2B,IAAI,uBAAuB;AAAA,IAC3E,aAAa,IAAI,2BAA2B,IAAI,uBAAuB;AAAA,IACvE,MAAM,IAAI,2BAA2B,IAAI,uBAAuB;AAAA,IAChE,WAAW,IAAI,2BAA2B,IAAI;AAChD,eAAa;AACb,eAAa;AACf;AAEA,CArBC,MAqBM;AACL,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAGA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AAGA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CANC,OAMO,MAAM,KAAK,UAAU,KAAK,CAAC;AACjC,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAEA,CAXC,OAWO,OAAO,KAAK;AAClB,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CANC,SAMS,MAAM,KAAK,UAAU,KAAK,CAAC;AACnC,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CANC,KAMK,MAAM,KAAK,UAAU,KAAK,CAAC;AAC/B,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CANC,MAMM,MAAM,KAAK,UAAU,KAAK,CAAC;AAChC,cAAY,IAAI;AAChB,gBAAc,IAAI;AACpB;AAGA,CAhGC,MAgGM;AACP,CAjGC,MAiGM,CAAC;AACN,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,UAAQ;AACR,kBAAgB;AAClB;AAGA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,oBAAkB;AAClB,iBAAe,IAAI;AACnB,aAAW,KAAK,KAAK,OAAO;AAC9B;AAEA,WAHa;AAIX;AACE,eAAW,OAAO;AACpB;AACF;;;ACxIA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,SAAO;AACT;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,SAAO;AACP,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cACE,aAAa,IAAI,2BAA2B,IAAI,uBAAuB,EACvE,WAAW,IAAI,2BAA2B,IAAI;AAChD,WAAS;AACT,cAAY;AACd;AAEA,CAfC,KAeK;AACJ,SAAO,IAAI;AACb;AAEA,CAnBC,KAmBK,MAAM,KAAK;AACf,gBAAc,IAAI;AACpB;AAEA,CAvBC,KAuBK;AACJ,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AAEA,CA5BC,KA4BK;AACJ,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,UAAQ;AACV;AAEA,CAnCC,KAmCK,CAAC;AACL,gBAAc,IAAI;AACpB;AAEA,CAvCC,KAuCK,CAJC,KAIK;AACV,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AAGA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AAEA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,eAAa,IAAI;AACnB;;;ACrFA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,SAAO;AACT;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO;AACP,cAAY;AACZ,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,WAAS;AACT,cACE,aAAa,IAAI,2BAA2B,IAAI,uBAAuB,EACvE,WAAW,IAAI,2BAA2B,IAAI;AAChD,cAAY;AACd;AAEA,CAlBC,QAkBQ;AACP,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AACA,CAtBC,QAsBQ;AACP,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CA3BC,QA2BQ,CAAC;AACR,gBAAc,IAAI;AACpB;AACA,CA9BC,QA8BQ,CAHC,KAGK;AACb,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACf;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,eAAa;AACf;;;ACjEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,iBAAe,IAAI;AACnB,eAAa;AACf;AAEA,CAAC;AACC,WAAS,IAAI,IAAI;AACjB,aAAW,IAAI;AACjB;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;;;ACzCA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,YAAU;AACV,eAAa;AACf;AAEA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,IAAI;AACjB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,IAAI;AACjB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,IAAI;AACjB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,IAAI;AACjB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AACA,CAAC;AACC,eAAa;AACf;;;ACpDA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,eAAa;AACb,cACE,aAAa,IAAI,2BAA2B,IAAI,uBAAuB,EACvE,WAAW,IAAI,2BAA2B,IAAI;AAChD,WAAS;AACX;AAEA,CAjBC,IAiBI,CAAC;AACN,CAlBC,IAkBI,CAAC;AACJ,cAAY,IAAI;AAChB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAxBC,IAwBI;AACH,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AACA,CA5BC,IA4BI;AACH,cAAY,IAAI;AAChB,gBAAc,IAAI;AAClB,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACT;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,UAAQ;AACR,eAAa,IAAI;AACnB;;;ACnDA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,kBAAgB;AAChB,OAAK,IAAI;AACX;AACA,CAAC;AACC,kBAAgB;AAChB,aAAW;AACX,OAAK,IAAI;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI;AACtB,cAAY,IAAI;AAChB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,eAAa;AACb,WAAS;AACT,cAAY,aAAa,IAAI,2BAA2B,IAAI;AAC9D;AAEA,CAfC,KAeK,CAAC;AACL,gBAAc,IAAI;AACpB;AACA,CAlBC,KAkBK;AACJ,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AACA,CAtBC,KAsBK;AACJ,cAAY,IAAI;AAChB,gBAAc,IAAI;AAClB,UAAQ;AACV;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,UAAQ;AACV;;;AC1DA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,SAAO;AACT;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,SAAO;AACP,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,WAAS;AACT,cAAY,aAAa,IAAI,2BAA2B,IAAI;AAC9D;AAEA,CAhBC,OAgBO,MAAM,KAAK;AACjB,gBAAc,IAAI;AACpB;AACA,CAnBC,OAmBO;AACN,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AACA,CAvBC,OAuBO,CAAC;AACP,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CA5BC,OA4BO,CAAC;AACP,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,aAAW,IAAI;AACf,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,aAAW,IAAI;AACf,cAAY,IAAI;AAChB,YAAU;AACZ;AAEA,CAAC;AACC,WAAS,IAAI;AACf;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,WAAS,IAAI,cAAc,IAAI;AAC/B,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,UAAQ;AACR,WAAS;AACT,cAAY,WAAW,IAAI,2BAA2B,IAAI;AAC1D,eAAa;AACf;AAEA,CAfC,IAeI,CAAC;AACJ,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAnBC,IAmBI,CAAC;AACJ,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACb;;;AClHA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,WAAS,IAAI,cAAc,IAAI;AAC/B,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,aAAW;AACX,aAAW,OAAO,IAAI,2BAA2B,IAAI;AACvD;AAEA,CAAC;AACC,QAAM,IAAI;AACZ;AAEA,WAPa;AAQX;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;;;AC3BA,CAAC;AACC,WAAS;AACT,OAAK,IAAI;AACT,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,cACE,MAAM,IAAI,2BAA2B,IAAI,uBAAuB,EAChE,WAAW,IAAI,2BAA2B,IAAI;AAChD,mBAAiB;AACnB;AAEA,CAbC,IAaI;AACH,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AACA,CAjBC,IAiBI;AACH,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACb;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACb;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACb;;;AC7CA,CAAC;AACC,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,YAAU;AACZ;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,iBAAe,IAAI,MAAM,IAAI;AAC7B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS,IAAI;AACb,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,cAAY,IAAI,MAAM,IAAI;AAC1B,cAAY,IAAI;AAChB,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;;;AC1BA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,aAAW,UAAU,IAAI,6BAA6B,IAAI;AAC5D;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,aAAW,UAAU,IAAI,6BAA6B,IAAI;AAC5D;AAEA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AACpB;AACA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AACpB;AACA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AACpB;AACA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AACpB;AACA,CAAC;AACC,SAAO,KAAK,MAAM,EAAE;AACpB,UAAQ,KAAK,MAAM,EAAE;AACrB,OAAK;AACL,QAAM;AACN,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,WAAS,IAAI,cAAc,IAAI;AAC/B,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI,cAAc;AAC7C,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS,IAAI;AACb,QAAM;AACR;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY;AACZ,SAAO,IAAI;AACX,UAAQ;AACR,cACE,WAAW,IAAI,2BAA2B,IAAI,uBAAuB,EACrE,MAAM,IAAI,2BAA2B,IAAI;AAC3C,eAAa;AACf;AAEA,CAjBC,KAiBK;AACJ,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CArBC,KAqBK;AACJ,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,WA7Fa;AA8FX;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AACA,WArFa;AAsFX;AACE,aAAS;AACT,eAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACA;AACE,aAAS;AACT,eAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACF;;;ACnHA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,aAAW,OAAO,IAAI,6BAA6B,IAAI;AACzD;AAEA,CAAC;AACC,YAAU;AACV,cAAY,IAAI;AAChB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,WAAS;AACT,kBAAgB;AAChB,cAAY;AACd;AAEA,CAAC;AACC,OAAK;AACL,SAAO;AACP,UAAQ;AACR,SAAO,IAAI,KAAK,EAAE;AAClB,aAAW,aAAa,IAAI,6BAA6B,IAAI;AAC/D;AACA,CAAC;AACC,OAAK;AACL,QAAM;AACN,UAAQ;AACR,SAAO,IAAI,KAAK,EAAE;AAClB,aAAW,YAAY,IAAI,6BAA6B,IAAI;AAC9D;AACA,CAAC;AACC,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ,IAAI,KAAK,EAAE;AACnB,aAAW,WAAW,IAAI,6BAA6B,IAAI;AAC7D;AACA,CAAC;AACC,UAAQ;AACR,QAAM;AACN,SAAO;AACP,UAAQ,IAAI,KAAK,EAAE;AACnB,aAAW,cAAc,IAAI,6BAA6B,IAAI;AAChE;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI,cAAc,IAAI;AAC/B,iBAAe,IAAI,MAAM,IAAI;AAC/B;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CAAC;AACC,WAAS,IAAI;AACb,QAAM;AACR;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY;AACZ,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CAZC,KAYK;AACJ,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAhBC,KAgBK;AACJ,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,WAhFa;AAiFX;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AACA,WAtEa;AAuEX;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AACA,WAvEa;AAwEX;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AACA,WAxEa;AAyEX;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AACA,WAzEa;AA0EX;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;;;AC5HA,CAAC;AACC,WAAS;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI,MAAM,IAAI;AAC7B,OAAK;AACP;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI,MAAM;AACzB,iBAAe;AACf,UAAQ;AACR,cACE,MAAM,IAAI,2BAA2B,IAAI,uBAAuB,EAChE,aAAa,IAAI,2BAA2B,IAAI;AAClD,WAAS;AACX;AACA,CAhBC,OAgBO,MAAM,KAAK,CAAC;AAClB,SAAO,IAAI;AACb;AACA,CAnBC,OAmBO,CAAC;AACP,SAAO,IAAI;AACX,uBAAqB,IAAI;AAC3B;AACA,CAvBC,OAuBO,CAAC;AACP,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CA3BC,OA2BO;AACN,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAChB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,WAAS,IAAI,cAAc;AAC7B;;;AC3CA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,YAAU;AACZ;AACA,CAAC;AACC,iBAAe,IAAI,MAAM,IAAI;AAC/B;AACA,CAHC,IAGI;AACH,iBAAe;AACjB;AACA,CANC,IAMI,CAAC;AACJ,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,SAAO;AACP,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,cAAY;AACZ,cAAY,WAAW,IAAI,2BAA2B,IAAI;AAC1D,WAAS;AACX;AACA,CAlBC,OAkBO;AACN,cAAY,IAAI;AAClB;AACA,CArBC,OAqBO;AACN,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AACA,CAAC;AACC,eAAa;AACb,cAAY,UAAU,IAAI,6BAA6B,IAAI;AAC7D;AACA,CA7BC,OA6BO,CAAC,iBAAmB,CAJ3B;AAKC,aAAW,OAAO;AACpB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,OAGO,CAAC;AACP,aAAW,UAAU,IAAI,6BAA6B,IAAI;AAC5D;AACA,CANC,OAMO,CAAC;AACP,aAAW,QAAQ,IAAI,6BAA6B,IAAI;AAC1D;AACA,CAAC;AACC,WAAS,EAAE,IAAI,cAAc,IAAI;AACjC,SAAO,IAAI;AACX,aAAW,IAAI;AACjB;AACA,WAVa;AAWX;AACE,YAAQ;AACV;AACA;AACE,YAAQ,IAAI;AACd;AACF;AACA,WAfa;AAgBX;AACE,YAAQ,IAAI;AACd;AACA;AACE,YAAQ;AACV;AACF;;;AC3EA,CAAC;AACC,YAAU;AACV,UAAQ,IAAI;AACZ,SAAO,IAAI;AACX,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,SAAO;AACP,aAAW,KAAK,MAAM,EAAE,IAAI;AAC5B,WAAS,IAAI;AACb,cAAY;AACZ,WAAS;AACT,UAAQ;AACR,WAAS;AACX;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,aAAW,QAAQ,IAAI,6BAA6B,IAAI;AAC1D;AAEA,CARC,IAQI,CAAC;AACJ,aAAW,SAAS,IAAI,6BAA6B,IAAI;AAC3D;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,gBAAc,IAAI;AACpB;AACA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,WAAS,IAAI;AACf;AACA,CAAC;AACC,QAAM;AACN,aAAW;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CAAC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY;AACZ,SAAO,IAAI;AACX,UAAQ;AACR,eAAa;AACb,WAAS;AACX;AACA,CAdC,KAcK;AACJ,cAAY,IAAI;AAClB;AACA,CAjBC,KAiBK;AACJ,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,WAlEa;AAmEX;AACE,eAAW,WAAW,KAAK,KAAK,EAAE,IAAI;AACtC,aAAS;AACX;AACA;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACF;AACA,WAxEa;AAyEX;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACA;AACE,eAAW,WAAW,KAAK,KAAK,EAAE,IAAI;AACtC,aAAS;AACX;AACF;;;AC1GA,CAAC;AACC,SAAO;AACP,cAAY;AACZ,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,mBAAiB;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACjB;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,cAAY;AACZ,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAAC,aAAa,CAHb;AAIC,YAAU;AACV,OAAK;AACL,WAAS,IAAI;AACf;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,cAAY;AACZ,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,iBAAe,IAAI,MAAM,IAAI;AAC7B,eAAa;AACf;AACA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI;AAC/B,SAAO,IAAI;AACX,iBAAe,IAAI,MAAM,IAAI;AAC7B,kBAAgB;AAClB;AACA,CAAC,GAAG,YAAY,CANf;AAOC,iBAAe;AACjB;AACA,CAAC,KAAK,CAHL,GAGS;AACR,cAAY,IAAI;AAClB;","names":[]}
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
3
|
+
import { ElevationKey, RadiiKey } from './tokens/index.mjs';
|
|
4
|
+
export { BreakpointKey, Motion, PrimitiveColors, SemanticColors, SpacingKey, SpacingValue, Typography, ZIndexKey, breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex } from './tokens/index.mjs';
|
|
5
|
+
|
|
6
|
+
type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
|
|
7
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
8
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
+
variant?: ButtonVariant;
|
|
10
|
+
size?: ButtonSize;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
|
|
16
|
+
type InputSize = "sm" | "md" | "lg";
|
|
17
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
18
|
+
label?: string;
|
|
19
|
+
error?: string;
|
|
20
|
+
helperText?: string;
|
|
21
|
+
size?: InputSize;
|
|
22
|
+
}
|
|
23
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
26
|
+
label?: string;
|
|
27
|
+
error?: string;
|
|
28
|
+
helperText?: string;
|
|
29
|
+
showCount?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
32
|
+
|
|
33
|
+
type BadgeVariant = "default" | "primary" | "success" | "warning" | "error" | "info";
|
|
34
|
+
type BadgeSize = "sm" | "md";
|
|
35
|
+
interface BadgeProps {
|
|
36
|
+
variant?: BadgeVariant;
|
|
37
|
+
size?: BadgeSize;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const Badge: React.FC<BadgeProps>;
|
|
42
|
+
|
|
43
|
+
type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
44
|
+
type AvatarShape = "circle" | "square";
|
|
45
|
+
interface AvatarProps {
|
|
46
|
+
src?: string;
|
|
47
|
+
alt?: string;
|
|
48
|
+
name?: string;
|
|
49
|
+
size?: AvatarSize;
|
|
50
|
+
shape?: AvatarShape;
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
declare const Avatar: React.FC<AvatarProps>;
|
|
54
|
+
|
|
55
|
+
interface CheckboxProps {
|
|
56
|
+
checked?: boolean | "indeterminate";
|
|
57
|
+
defaultChecked?: boolean;
|
|
58
|
+
onCheckedChange?: (checked: boolean | "indeterminate") => void;
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
label?: string;
|
|
61
|
+
id?: string;
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
65
|
+
|
|
66
|
+
interface RadioOption {
|
|
67
|
+
value: string;
|
|
68
|
+
label: string;
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
}
|
|
71
|
+
interface RadioGroupProps {
|
|
72
|
+
options: RadioOption[];
|
|
73
|
+
value?: string;
|
|
74
|
+
defaultValue?: string;
|
|
75
|
+
onValueChange?: (value: string) => void;
|
|
76
|
+
disabled?: boolean;
|
|
77
|
+
name?: string;
|
|
78
|
+
orientation?: "horizontal" | "vertical";
|
|
79
|
+
className?: string;
|
|
80
|
+
}
|
|
81
|
+
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
82
|
+
|
|
83
|
+
interface SelectOption {
|
|
84
|
+
value: string;
|
|
85
|
+
label: string;
|
|
86
|
+
disabled?: boolean;
|
|
87
|
+
}
|
|
88
|
+
type SelectSize = "sm" | "md" | "lg";
|
|
89
|
+
interface SelectProps {
|
|
90
|
+
options: SelectOption[];
|
|
91
|
+
value?: string;
|
|
92
|
+
defaultValue?: string;
|
|
93
|
+
onValueChange?: (value: string) => void;
|
|
94
|
+
label?: string;
|
|
95
|
+
placeholder?: string;
|
|
96
|
+
error?: string;
|
|
97
|
+
helperText?: string;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
size?: SelectSize;
|
|
100
|
+
id?: string;
|
|
101
|
+
className?: string;
|
|
102
|
+
}
|
|
103
|
+
declare const Select: React.FC<SelectProps>;
|
|
104
|
+
|
|
105
|
+
type TooltipSide = "top" | "right" | "bottom" | "left";
|
|
106
|
+
interface TooltipProps {
|
|
107
|
+
content: React.ReactNode;
|
|
108
|
+
children: React.ReactElement;
|
|
109
|
+
side?: TooltipSide;
|
|
110
|
+
delayDuration?: number;
|
|
111
|
+
}
|
|
112
|
+
declare const TooltipProvider: React.FC<RadixTooltip.TooltipProviderProps>;
|
|
113
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
114
|
+
|
|
115
|
+
type SocialPlatform = "linkedin" | "instagram" | "github" | "youtube" | "whatsapp" | "facebook" | "twitter";
|
|
116
|
+
type SocialIconSize = "sm" | "md" | "lg";
|
|
117
|
+
interface SocialLink {
|
|
118
|
+
platform: SocialPlatform;
|
|
119
|
+
url: string;
|
|
120
|
+
label?: string;
|
|
121
|
+
}
|
|
122
|
+
interface SocialIconsProps {
|
|
123
|
+
links: SocialLink[];
|
|
124
|
+
size?: SocialIconSize;
|
|
125
|
+
className?: string;
|
|
126
|
+
}
|
|
127
|
+
declare const SocialIcons: React.FC<SocialIconsProps>;
|
|
128
|
+
|
|
129
|
+
interface CardProps {
|
|
130
|
+
elevation?: ElevationKey;
|
|
131
|
+
radius?: RadiiKey;
|
|
132
|
+
className?: string;
|
|
133
|
+
children: React.ReactNode;
|
|
134
|
+
}
|
|
135
|
+
interface CardSectionProps {
|
|
136
|
+
className?: string;
|
|
137
|
+
children: React.ReactNode;
|
|
138
|
+
}
|
|
139
|
+
declare const CardHeader: React.FC<CardSectionProps>;
|
|
140
|
+
declare const CardBody: React.FC<CardSectionProps>;
|
|
141
|
+
declare const CardFooter: React.FC<CardSectionProps>;
|
|
142
|
+
declare const Card: React.FC<CardProps> & {
|
|
143
|
+
Header: typeof CardHeader;
|
|
144
|
+
Body: typeof CardBody;
|
|
145
|
+
Footer: typeof CardFooter;
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
149
|
+
interface ModalProps {
|
|
150
|
+
open?: boolean;
|
|
151
|
+
onOpenChange?: (open: boolean) => void;
|
|
152
|
+
title?: string;
|
|
153
|
+
description?: string;
|
|
154
|
+
size?: ModalSize;
|
|
155
|
+
children: React.ReactNode;
|
|
156
|
+
trigger?: React.ReactElement;
|
|
157
|
+
}
|
|
158
|
+
declare const Modal: React.FC<ModalProps>;
|
|
159
|
+
|
|
160
|
+
type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
161
|
+
interface DrawerProps {
|
|
162
|
+
open?: boolean;
|
|
163
|
+
onOpenChange?: (open: boolean) => void;
|
|
164
|
+
title?: string;
|
|
165
|
+
side?: DrawerSide;
|
|
166
|
+
children: React.ReactNode;
|
|
167
|
+
trigger?: React.ReactElement;
|
|
168
|
+
}
|
|
169
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
170
|
+
|
|
171
|
+
interface TabItem {
|
|
172
|
+
value: string;
|
|
173
|
+
label: string;
|
|
174
|
+
content: React.ReactNode;
|
|
175
|
+
disabled?: boolean;
|
|
176
|
+
}
|
|
177
|
+
interface TabsProps {
|
|
178
|
+
tabs: TabItem[];
|
|
179
|
+
defaultValue?: string;
|
|
180
|
+
value?: string;
|
|
181
|
+
onValueChange?: (value: string) => void;
|
|
182
|
+
className?: string;
|
|
183
|
+
}
|
|
184
|
+
declare const Tabs: React.FC<TabsProps>;
|
|
185
|
+
|
|
186
|
+
interface AccordionItem {
|
|
187
|
+
value: string;
|
|
188
|
+
trigger: React.ReactNode;
|
|
189
|
+
content: React.ReactNode;
|
|
190
|
+
disabled?: boolean;
|
|
191
|
+
}
|
|
192
|
+
interface AccordionProps {
|
|
193
|
+
items: AccordionItem[];
|
|
194
|
+
type?: "single" | "multiple";
|
|
195
|
+
defaultValue?: string | string[];
|
|
196
|
+
value?: string | string[];
|
|
197
|
+
onValueChange?: (value: string | string[]) => void;
|
|
198
|
+
collapsible?: boolean;
|
|
199
|
+
className?: string;
|
|
200
|
+
}
|
|
201
|
+
declare const Accordion: React.FC<AccordionProps>;
|
|
202
|
+
|
|
203
|
+
type ToastVariant = "default" | "success" | "warning" | "error" | "info";
|
|
204
|
+
interface ToastMessage {
|
|
205
|
+
id: string;
|
|
206
|
+
title: string;
|
|
207
|
+
description?: string;
|
|
208
|
+
variant?: ToastVariant;
|
|
209
|
+
duration?: number;
|
|
210
|
+
}
|
|
211
|
+
interface ToastContextValue {
|
|
212
|
+
show: (message: Omit<ToastMessage, "id">) => void;
|
|
213
|
+
}
|
|
214
|
+
declare const useToast: () => ToastContextValue;
|
|
215
|
+
declare const ToastProvider: React.FC<{
|
|
216
|
+
children: React.ReactNode;
|
|
217
|
+
}>;
|
|
218
|
+
|
|
219
|
+
type TableHeadProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
220
|
+
type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
221
|
+
type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
|
|
222
|
+
interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
223
|
+
as?: "td" | "th";
|
|
224
|
+
scope?: "col" | "row" | "colgroup" | "rowgroup";
|
|
225
|
+
}
|
|
226
|
+
interface TableRootProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
227
|
+
caption?: string;
|
|
228
|
+
stickyHeader?: boolean;
|
|
229
|
+
}
|
|
230
|
+
declare const TableHead: React.FC<TableHeadProps>;
|
|
231
|
+
declare const TableBody: React.FC<TableBodyProps>;
|
|
232
|
+
declare const TableRow: React.FC<TableRowProps>;
|
|
233
|
+
declare const TableCell: React.FC<TableCellProps>;
|
|
234
|
+
declare const Table: React.FC<TableRootProps> & {
|
|
235
|
+
Head: typeof TableHead;
|
|
236
|
+
Body: typeof TableBody;
|
|
237
|
+
Row: typeof TableRow;
|
|
238
|
+
Cell: typeof TableCell;
|
|
239
|
+
};
|
|
240
|
+
|
|
241
|
+
export { Accordion, type AccordionItem, type AccordionProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, Drawer, type DrawerProps, type DrawerSide, ElevationKey, Input, type InputProps, type InputSize, Modal, type ModalProps, type ModalSize, RadiiKey, RadioGroup, type RadioGroupProps, type RadioOption, Select, type SelectOption, type SelectProps, type SelectSize, type SocialIconSize, SocialIcons, type SocialIconsProps, type SocialLink, type SocialPlatform, type TabItem, Table, Tabs, type TabsProps, Textarea, type TextareaProps, type ToastMessage, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, TooltipProvider, type TooltipSide, useToast };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
3
|
+
import { ElevationKey, RadiiKey } from './tokens/index.js';
|
|
4
|
+
export { BreakpointKey, Motion, PrimitiveColors, SemanticColors, SpacingKey, SpacingValue, Typography, ZIndexKey, breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex } from './tokens/index.js';
|
|
5
|
+
|
|
6
|
+
type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
|
|
7
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
8
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
+
variant?: ButtonVariant;
|
|
10
|
+
size?: ButtonSize;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
|
|
16
|
+
type InputSize = "sm" | "md" | "lg";
|
|
17
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
18
|
+
label?: string;
|
|
19
|
+
error?: string;
|
|
20
|
+
helperText?: string;
|
|
21
|
+
size?: InputSize;
|
|
22
|
+
}
|
|
23
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
26
|
+
label?: string;
|
|
27
|
+
error?: string;
|
|
28
|
+
helperText?: string;
|
|
29
|
+
showCount?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
32
|
+
|
|
33
|
+
type BadgeVariant = "default" | "primary" | "success" | "warning" | "error" | "info";
|
|
34
|
+
type BadgeSize = "sm" | "md";
|
|
35
|
+
interface BadgeProps {
|
|
36
|
+
variant?: BadgeVariant;
|
|
37
|
+
size?: BadgeSize;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const Badge: React.FC<BadgeProps>;
|
|
42
|
+
|
|
43
|
+
type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
44
|
+
type AvatarShape = "circle" | "square";
|
|
45
|
+
interface AvatarProps {
|
|
46
|
+
src?: string;
|
|
47
|
+
alt?: string;
|
|
48
|
+
name?: string;
|
|
49
|
+
size?: AvatarSize;
|
|
50
|
+
shape?: AvatarShape;
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
declare const Avatar: React.FC<AvatarProps>;
|
|
54
|
+
|
|
55
|
+
interface CheckboxProps {
|
|
56
|
+
checked?: boolean | "indeterminate";
|
|
57
|
+
defaultChecked?: boolean;
|
|
58
|
+
onCheckedChange?: (checked: boolean | "indeterminate") => void;
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
label?: string;
|
|
61
|
+
id?: string;
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
65
|
+
|
|
66
|
+
interface RadioOption {
|
|
67
|
+
value: string;
|
|
68
|
+
label: string;
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
}
|
|
71
|
+
interface RadioGroupProps {
|
|
72
|
+
options: RadioOption[];
|
|
73
|
+
value?: string;
|
|
74
|
+
defaultValue?: string;
|
|
75
|
+
onValueChange?: (value: string) => void;
|
|
76
|
+
disabled?: boolean;
|
|
77
|
+
name?: string;
|
|
78
|
+
orientation?: "horizontal" | "vertical";
|
|
79
|
+
className?: string;
|
|
80
|
+
}
|
|
81
|
+
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
82
|
+
|
|
83
|
+
interface SelectOption {
|
|
84
|
+
value: string;
|
|
85
|
+
label: string;
|
|
86
|
+
disabled?: boolean;
|
|
87
|
+
}
|
|
88
|
+
type SelectSize = "sm" | "md" | "lg";
|
|
89
|
+
interface SelectProps {
|
|
90
|
+
options: SelectOption[];
|
|
91
|
+
value?: string;
|
|
92
|
+
defaultValue?: string;
|
|
93
|
+
onValueChange?: (value: string) => void;
|
|
94
|
+
label?: string;
|
|
95
|
+
placeholder?: string;
|
|
96
|
+
error?: string;
|
|
97
|
+
helperText?: string;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
size?: SelectSize;
|
|
100
|
+
id?: string;
|
|
101
|
+
className?: string;
|
|
102
|
+
}
|
|
103
|
+
declare const Select: React.FC<SelectProps>;
|
|
104
|
+
|
|
105
|
+
type TooltipSide = "top" | "right" | "bottom" | "left";
|
|
106
|
+
interface TooltipProps {
|
|
107
|
+
content: React.ReactNode;
|
|
108
|
+
children: React.ReactElement;
|
|
109
|
+
side?: TooltipSide;
|
|
110
|
+
delayDuration?: number;
|
|
111
|
+
}
|
|
112
|
+
declare const TooltipProvider: React.FC<RadixTooltip.TooltipProviderProps>;
|
|
113
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
114
|
+
|
|
115
|
+
type SocialPlatform = "linkedin" | "instagram" | "github" | "youtube" | "whatsapp" | "facebook" | "twitter";
|
|
116
|
+
type SocialIconSize = "sm" | "md" | "lg";
|
|
117
|
+
interface SocialLink {
|
|
118
|
+
platform: SocialPlatform;
|
|
119
|
+
url: string;
|
|
120
|
+
label?: string;
|
|
121
|
+
}
|
|
122
|
+
interface SocialIconsProps {
|
|
123
|
+
links: SocialLink[];
|
|
124
|
+
size?: SocialIconSize;
|
|
125
|
+
className?: string;
|
|
126
|
+
}
|
|
127
|
+
declare const SocialIcons: React.FC<SocialIconsProps>;
|
|
128
|
+
|
|
129
|
+
interface CardProps {
|
|
130
|
+
elevation?: ElevationKey;
|
|
131
|
+
radius?: RadiiKey;
|
|
132
|
+
className?: string;
|
|
133
|
+
children: React.ReactNode;
|
|
134
|
+
}
|
|
135
|
+
interface CardSectionProps {
|
|
136
|
+
className?: string;
|
|
137
|
+
children: React.ReactNode;
|
|
138
|
+
}
|
|
139
|
+
declare const CardHeader: React.FC<CardSectionProps>;
|
|
140
|
+
declare const CardBody: React.FC<CardSectionProps>;
|
|
141
|
+
declare const CardFooter: React.FC<CardSectionProps>;
|
|
142
|
+
declare const Card: React.FC<CardProps> & {
|
|
143
|
+
Header: typeof CardHeader;
|
|
144
|
+
Body: typeof CardBody;
|
|
145
|
+
Footer: typeof CardFooter;
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
149
|
+
interface ModalProps {
|
|
150
|
+
open?: boolean;
|
|
151
|
+
onOpenChange?: (open: boolean) => void;
|
|
152
|
+
title?: string;
|
|
153
|
+
description?: string;
|
|
154
|
+
size?: ModalSize;
|
|
155
|
+
children: React.ReactNode;
|
|
156
|
+
trigger?: React.ReactElement;
|
|
157
|
+
}
|
|
158
|
+
declare const Modal: React.FC<ModalProps>;
|
|
159
|
+
|
|
160
|
+
type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
161
|
+
interface DrawerProps {
|
|
162
|
+
open?: boolean;
|
|
163
|
+
onOpenChange?: (open: boolean) => void;
|
|
164
|
+
title?: string;
|
|
165
|
+
side?: DrawerSide;
|
|
166
|
+
children: React.ReactNode;
|
|
167
|
+
trigger?: React.ReactElement;
|
|
168
|
+
}
|
|
169
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
170
|
+
|
|
171
|
+
interface TabItem {
|
|
172
|
+
value: string;
|
|
173
|
+
label: string;
|
|
174
|
+
content: React.ReactNode;
|
|
175
|
+
disabled?: boolean;
|
|
176
|
+
}
|
|
177
|
+
interface TabsProps {
|
|
178
|
+
tabs: TabItem[];
|
|
179
|
+
defaultValue?: string;
|
|
180
|
+
value?: string;
|
|
181
|
+
onValueChange?: (value: string) => void;
|
|
182
|
+
className?: string;
|
|
183
|
+
}
|
|
184
|
+
declare const Tabs: React.FC<TabsProps>;
|
|
185
|
+
|
|
186
|
+
interface AccordionItem {
|
|
187
|
+
value: string;
|
|
188
|
+
trigger: React.ReactNode;
|
|
189
|
+
content: React.ReactNode;
|
|
190
|
+
disabled?: boolean;
|
|
191
|
+
}
|
|
192
|
+
interface AccordionProps {
|
|
193
|
+
items: AccordionItem[];
|
|
194
|
+
type?: "single" | "multiple";
|
|
195
|
+
defaultValue?: string | string[];
|
|
196
|
+
value?: string | string[];
|
|
197
|
+
onValueChange?: (value: string | string[]) => void;
|
|
198
|
+
collapsible?: boolean;
|
|
199
|
+
className?: string;
|
|
200
|
+
}
|
|
201
|
+
declare const Accordion: React.FC<AccordionProps>;
|
|
202
|
+
|
|
203
|
+
type ToastVariant = "default" | "success" | "warning" | "error" | "info";
|
|
204
|
+
interface ToastMessage {
|
|
205
|
+
id: string;
|
|
206
|
+
title: string;
|
|
207
|
+
description?: string;
|
|
208
|
+
variant?: ToastVariant;
|
|
209
|
+
duration?: number;
|
|
210
|
+
}
|
|
211
|
+
interface ToastContextValue {
|
|
212
|
+
show: (message: Omit<ToastMessage, "id">) => void;
|
|
213
|
+
}
|
|
214
|
+
declare const useToast: () => ToastContextValue;
|
|
215
|
+
declare const ToastProvider: React.FC<{
|
|
216
|
+
children: React.ReactNode;
|
|
217
|
+
}>;
|
|
218
|
+
|
|
219
|
+
type TableHeadProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
220
|
+
type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
221
|
+
type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
|
|
222
|
+
interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
223
|
+
as?: "td" | "th";
|
|
224
|
+
scope?: "col" | "row" | "colgroup" | "rowgroup";
|
|
225
|
+
}
|
|
226
|
+
interface TableRootProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
227
|
+
caption?: string;
|
|
228
|
+
stickyHeader?: boolean;
|
|
229
|
+
}
|
|
230
|
+
declare const TableHead: React.FC<TableHeadProps>;
|
|
231
|
+
declare const TableBody: React.FC<TableBodyProps>;
|
|
232
|
+
declare const TableRow: React.FC<TableRowProps>;
|
|
233
|
+
declare const TableCell: React.FC<TableCellProps>;
|
|
234
|
+
declare const Table: React.FC<TableRootProps> & {
|
|
235
|
+
Head: typeof TableHead;
|
|
236
|
+
Body: typeof TableBody;
|
|
237
|
+
Row: typeof TableRow;
|
|
238
|
+
Cell: typeof TableCell;
|
|
239
|
+
};
|
|
240
|
+
|
|
241
|
+
export { Accordion, type AccordionItem, type AccordionProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, Drawer, type DrawerProps, type DrawerSide, ElevationKey, Input, type InputProps, type InputSize, Modal, type ModalProps, type ModalSize, RadiiKey, RadioGroup, type RadioGroupProps, type RadioOption, Select, type SelectOption, type SelectProps, type SelectSize, type SocialIconSize, SocialIcons, type SocialIconsProps, type SocialLink, type SocialPlatform, type TabItem, Table, Tabs, type TabsProps, Textarea, type TextareaProps, type ToastMessage, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, TooltipProvider, type TooltipSide, useToast };
|