@moto-nrw/design-system 0.2.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/LICENSE +21 -0
- package/README.md +141 -0
- package/dist/index.cjs +1308 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +1550 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +216 -0
- package/dist/index.d.ts +216 -0
- package/dist/index.js +1256 -0
- package/dist/index.js.map +1 -0
- package/dist/tailwind.css +99 -0
- package/dist/tokens.css +92 -0
- package/package.json +81 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/Accordion.module.css","../src/components/Alert/Alert.module.css","../src/components/Avatar/Avatar.module.css","../src/components/Badge/Badge.module.css","../src/components/Button/Button.module.css","../src/components/Card/Card.module.css","../src/components/Checkbox/Checkbox.module.css","../src/components/Divider/Divider.module.css","../src/components/DropdownMenu/DropdownMenu.module.css","../src/components/FilterChips/FilterChips.module.css","../src/components/Input/Input.module.css","../src/components/Modal/Modal.module.css","../src/components/Pill/Pill.module.css","../src/components/Radio/Radio.module.css","../src/components/SearchBar/SearchBar.module.css","../src/components/Select/Select.module.css","../src/components/Skeleton/Skeleton.module.css","../src/components/Spinner/Spinner.module.css","../src/components/StatusDot/StatusDot.module.css","../src/components/Tabs/Tabs.module.css","../src/components/Textarea/Textarea.module.css","../src/components/Toast/Toast.module.css","../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".accordion {\n\tborder-top: 1px solid var(--semantic-color-border-default);\n}\n\n.trigger {\n\tdisplay: flex;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 12px 20px;\n\tborder: none;\n\tbackground: none;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-secondary);\n\tcursor: pointer;\n\ttransition: color 150ms ease;\n}\n\n.trigger:hover {\n\tcolor: var(--semantic-color-text-default);\n}\n\n.label {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.badge {\n\tdisplay: inline-flex;\n}\n\n.chevron {\n\tflex-shrink: 0;\n\tcolor: var(--semantic-color-text-muted);\n\ttransition: transform 200ms ease;\n}\n\n.chevronOpen {\n\ttransform: rotate(180deg);\n}\n\n/* Grid-based collapse animation (matches Phoenix) */\n.content {\n\tdisplay: grid;\n\ttransition: grid-template-rows 200ms ease;\n}\n\n.contentOpen {\n\tgrid-template-rows: 1fr;\n}\n\n.contentClosed {\n\tgrid-template-rows: 0fr;\n}\n\n.contentInner {\n\toverflow: hidden;\n}\n",".alert {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-2);\n\tpadding: var(--spacing-3) var(--spacing-4);\n\tborder-radius: var(--radius-md);\n\tborder: 1px solid transparent;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n.icon {\n\tflex-shrink: 0;\n\tdisplay: flex;\n}\n\n/* ─── Types ─── */\n\n.error {\n\tbackground-color: var(--semantic-color-feedback-error-light);\n\tcolor: var(--color-red-600);\n\tborder-color: var(--color-red-400);\n}\n\n.success {\n\tbackground-color: var(--semantic-color-brand-primary-light);\n\tcolor: var(--color-sage-700);\n\tborder-color: var(--color-sage-300);\n}\n\n.warning {\n\tbackground-color: var(--semantic-color-brand-secondary-light);\n\tcolor: var(--color-warm-700);\n\tborder-color: var(--color-warm-300);\n}\n\n.info {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--color-steel-700);\n\tborder-color: var(--color-steel-300);\n}\n",".avatar {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\tborder-radius: 9999px;\n\tbackground: linear-gradient(135deg, var(--color-steel-800), var(--color-steel-500));\n\tcolor: var(--semantic-color-text-inverse);\n\tfont-family: var(--font-family-sans);\n\tfont-weight: var(--font-weight-semibold);\n}\n\n.sm {\n\twidth: 32px;\n\theight: 32px;\n\tfont-size: var(--font-size-sm);\n\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\toutline: 2px solid white;\n\toutline-offset: -2px;\n}\n\n.md {\n\twidth: 44px;\n\theight: 44px;\n\tfont-size: var(--font-size-base);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.lg {\n\twidth: 64px;\n\theight: 64px;\n\tfont-size: var(--font-size-xl);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.image {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.initials {\n\tuser-select: none;\n}\n",".badge {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder-radius: 9999px;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tbackground-color: var(--semantic-color-bg-subtle);\n\tfont-family: var(--font-family-sans);\n}\n\n.sm {\n\tpadding: 6px 8px;\n\tgap: 6px;\n}\n\n.md {\n\tpadding: 6px 12px;\n\tgap: 8px;\n}\n\n.icon {\n\tdisplay: flex;\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.count {\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-semibold);\n\tcolor: var(--semantic-color-text-default);\n}\n\n.label {\n\tfont-size: var(--font-size-xs);\n\tcolor: var(--semantic-color-text-muted);\n}\n",".button {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--spacing-2);\n\tborder: 1px solid transparent;\n\tborder-radius: var(--radius-md);\n\tfont-family: var(--font-family-sans);\n\tfont-weight: var(--font-weight-medium);\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color 150ms ease,\n\t\tborder-color 150ms ease,\n\t\tbox-shadow 150ms ease,\n\t\tcolor 150ms ease,\n\t\ttransform 150ms ease;\n}\n\n.button:focus-visible {\n\toutline: none;\n}\n\n.button:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n/* ─── Variants ─── */\n\n.primary {\n\tbackground-color: var(--color-steel-900);\n\tcolor: var(--semantic-color-text-inverse);\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n.primary:hover:not(:disabled) {\n\tbackground-color: var(--color-steel-700);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.secondary {\n\tbackground-color: var(--color-steel-200);\n\tcolor: var(--color-steel-800);\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n.secondary:hover:not(:disabled) {\n\tbackground-color: var(--color-steel-300);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.outline {\n\tbackground-color: transparent;\n\tcolor: var(--color-steel-700);\n\tborder-color: var(--semantic-color-border-strong);\n}\n\n.outline:hover:not(:disabled) {\n\tbackground-color: var(--semantic-color-bg-subtle);\n\tborder-color: var(--color-steel-400);\n}\n\n.outline_danger {\n\tbackground-color: var(--color-red-50);\n\tcolor: var(--color-red-600);\n\tborder-color: var(--color-red-400);\n}\n\n.outline_danger:hover:not(:disabled) {\n\tbackground-color: var(--semantic-color-feedback-error-light);\n\tborder-color: var(--color-red-500);\n}\n\n.danger {\n\tbackground-color: var(--color-red-600);\n\tcolor: var(--semantic-color-text-inverse);\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n.danger:hover:not(:disabled) {\n\tbackground-color: var(--color-red-500);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.success {\n\tbackground-color: var(--semantic-color-brand-primary);\n\tcolor: var(--semantic-color-text-inverse);\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n.success:hover:not(:disabled) {\n\tbackground-color: var(--semantic-color-brand-primary-hover);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.success:active:not(:disabled) {\n\ttransform: scale(0.95);\n}\n\n.ghost {\n\tbackground-color: transparent;\n\tcolor: var(--semantic-color-text-default);\n}\n\n.ghost:hover:not(:disabled) {\n\tbackground-color: var(--semantic-color-bg-muted);\n}\n\n/* ─── Sizes ─── */\n\n.sm {\n\tpadding: var(--spacing-1) var(--spacing-3);\n\tfont-size: var(--font-size-sm);\n\tline-height: var(--font-line-height-normal);\n}\n\n.md {\n\tpadding: var(--spacing-2) var(--spacing-5);\n\tfont-size: var(--font-size-base);\n\tline-height: var(--font-line-height-normal);\n}\n\n.lg {\n\tpadding: var(--spacing-3) var(--spacing-5);\n\tfont-size: var(--font-size-lg);\n\tline-height: var(--font-line-height-normal);\n}\n\n.xl {\n\tpadding: var(--spacing-3) var(--spacing-6);\n\tfont-size: var(--font-size-xl);\n\tline-height: var(--font-line-height-normal);\n}\n",".card {\n\tposition: relative;\n\toverflow: hidden;\n\tborder-radius: 24px;\n\tbackground-color: var(--semantic-color-bg-default);\n\ttransition:\n\t\ttransform 150ms ease,\n\t\tbox-shadow 150ms ease,\n\t\tborder-color 150ms ease,\n\t\tbackground-color 150ms ease;\n}\n\n/* ─── Variants ─── */\n\n.default {\n\tborder: 1px solid var(--semantic-color-border-default);\n}\n\n.elevated {\n\tborder: 1px solid rgb(0 0 0 / 0.05);\n\tbackground-color: rgb(255 255 255 / 0.9);\n\tbox-shadow: 0 8px 30px rgb(0 0 0 / 0.12);\n\tbackdrop-filter: blur(12px);\n}\n\n.glass {\n\tbackground-color: rgb(255 255 255 / 0.8);\n\tbox-shadow:\n\t\t0 10px 15px -3px rgb(0 0 0 / 0.1),\n\t\t0 4px 6px -4px rgb(0 0 0 / 0.1);\n\tbackdrop-filter: blur(12px);\n}\n\n/* ─── Hoverable (matches Phoenix StudentCard) ─── */\n\n.hoverable {\n\tcursor: pointer;\n\tborder: 1px solid rgb(0 0 0 / 0.05);\n\tbackground-color: rgb(255 255 255 / 0.9);\n\tbox-shadow: 0 8px 30px rgb(0 0 0 / 0.12);\n\tbackdrop-filter: blur(12px);\n}\n\n.hoverable:hover {\n\ttransform: translateY(-2px);\n\tborder-color: rgb(148 163 184 / 0.5);\n\tbackground-color: rgb(255 255 255);\n\tbox-shadow: 0 12px 40px rgb(0 0 0 / 0.18);\n}\n\n.hoverable:active {\n\ttransform: scale(0.98);\n}\n\n/* ─── Hoverable Layers (gradient overlay, inner glow, ring, glow border) ─── */\n\n.gradientOverlay {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: 24px;\n\tbackground: linear-gradient(to bottom right, rgb(248 250 252 / 0.8), rgb(241 245 249 / 0.8));\n\topacity: 0.03;\n\tpointer-events: none;\n}\n\n.innerGlow {\n\tposition: absolute;\n\tinset: 1px;\n\tborder-radius: 24px;\n\tbackground: linear-gradient(to bottom right, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.2));\n\tpointer-events: none;\n}\n\n.ringHighlight {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: 24px;\n\tbox-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2);\n\ttransition: box-shadow 150ms ease;\n\tpointer-events: none;\n}\n\n.hoverable:hover .ringHighlight {\n\tbox-shadow: inset 0 0 0 1px rgb(148 163 184 / 0.4);\n}\n\n.glowBorder {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: 24px;\n\tbackground: linear-gradient(to right, transparent, rgb(148 163 184 / 0.2), transparent);\n\topacity: 0;\n\ttransition: opacity 150ms ease;\n\tpointer-events: none;\n}\n\n.hoverable:hover .glowBorder {\n\topacity: 1;\n}\n\n/* ─── Content ─── */\n\n.cardContent {\n\tposition: relative;\n}\n\n/* ─── Padding ─── */\n\n.padding-sm {\n\tpadding: var(--spacing-4);\n}\n\n.padding-md {\n\tpadding: var(--spacing-6);\n}\n\n.padding-lg {\n\tpadding: var(--spacing-10);\n}\n",".wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 6px 8px;\n\tborder-radius: var(--radius-md);\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.wrapper:hover {\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.input {\n\twidth: 16px;\n\theight: 16px;\n\tborder-radius: var(--radius-sm);\n\tborder: 1px solid var(--semantic-color-border-strong);\n\taccent-color: var(--color-steel-900);\n\tcursor: pointer;\n}\n\n.input:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-default);\n\tuser-select: none;\n}\n",".divider {\n\tborder: none;\n\tborder-top: 1px solid var(--semantic-color-border-default);\n}\n\n.labeled {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 16px;\n}\n\n.line {\n\tflex: 1;\n\tborder: none;\n\tborder-top: 1px solid var(--semantic-color-border-default);\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-xs);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-muted);\n\twhite-space: nowrap;\n}\n\n/* ─── Spacing ─── */\n\n.sm {\n\tmargin: var(--spacing-2) 0;\n}\n\n.md {\n\tmargin: var(--spacing-4) 0;\n}\n\n.lg {\n\tmargin: var(--spacing-8) 0;\n}\n",".trigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 4px;\n\tborder: none;\n\tborder-radius: var(--radius-md);\n\tbackground: none;\n\tcolor: var(--semantic-color-text-muted);\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color 150ms ease,\n\t\tcolor 150ms ease;\n}\n\n.trigger:hover {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--semantic-color-text-secondary);\n}\n\n.dotsIcon {\n\twidth: 20px;\n\theight: 20px;\n}\n\n.menu {\n\tposition: fixed;\n\tz-index: 9999;\n\twidth: 144px;\n\tpadding: 4px;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--semantic-color-bg-default);\n\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n}\n\n.menuItem {\n\tdisplay: flex;\n\twidth: 100%;\n\talign-items: center;\n\tpadding: 6px 12px;\n\tborder: none;\n\tborder-radius: var(--radius-sm);\n\tbackground: none;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--color-steel-700);\n\ttext-align: left;\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.menuItem:hover {\n\tbackground-color: var(--semantic-color-bg-muted);\n}\n\n.menuItemDanger {\n\tcolor: var(--color-red-600);\n}\n\n.menuItemDanger:hover {\n\tbackground-color: var(--semantic-color-feedback-error-light);\n}\n",".wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.chips {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.chip {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding: 4px 12px;\n\tborder-radius: 9999px;\n\tbackground-color: var(--semantic-color-brand-primary-light);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-xs);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--color-sage-900);\n}\n\n.removeButton {\n\tdisplay: flex;\n\tpadding: 0;\n\tborder: none;\n\tbackground: none;\n\tcolor: inherit;\n\tcursor: pointer;\n\ttransition: color 150ms ease;\n}\n\n.removeButton:hover {\n\tcolor: var(--color-sage-700);\n}\n\n.clearAll {\n\tpadding: 0;\n\tborder: none;\n\tbackground: none;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-xs);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-brand-primary);\n\tcursor: pointer;\n\twhite-space: nowrap;\n\ttransition: color 150ms ease;\n}\n\n.clearAll:hover {\n\tcolor: var(--semantic-color-brand-primary-hover);\n}\n",".wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-2);\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-default);\n}\n\n.container {\n\tposition: relative;\n}\n\n.input {\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--semantic-color-bg-default);\n\tpadding: var(--spacing-3) var(--spacing-4);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-base);\n\tcolor: var(--semantic-color-text-default);\n\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\ttransition:\n\t\tborder-color 150ms ease,\n\t\tbox-shadow 150ms ease;\n}\n\n.input::placeholder {\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.input:focus {\n\toutline: none;\n\tborder-color: var(--semantic-color-border-strong);\n}\n\n.input:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.input.hasToggle {\n\tpadding-right: var(--spacing-10);\n}\n\n.input.error {\n\tborder-color: var(--color-red-500);\n}\n\n.toggle {\n\tposition: absolute;\n\ttop: 50%;\n\tright: var(--spacing-3);\n\ttransform: translateY(-50%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n\tborder: none;\n\tbackground: none;\n\tcolor: var(--semantic-color-text-muted);\n\tcursor: pointer;\n\ttransition: color 150ms ease;\n}\n\n.toggle:hover {\n\tcolor: var(--semantic-color-text-default);\n}\n\n.errorText {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-xs);\n\tcolor: var(--color-red-600);\n\tmargin: 0;\n}\n",".overlay {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 9999;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.backdrop {\n\tposition: absolute;\n\tinset: 0;\n\tborder: none;\n\tpadding: 0;\n\tcursor: default;\n\tbackground-color: rgb(0 0 0 / 0);\n\ttransition: background-color 150ms ease-out;\n}\n\n.backdropVisible {\n\tbackground-color: rgb(0 0 0 / 0.4);\n}\n\n.dialog {\n\tposition: relative;\n\twidth: calc(100% - 2rem);\n\tmax-width: 32rem;\n\tmax-height: calc(100vh - 4rem);\n\tmargin: 0 1rem;\n\toverflow: hidden;\n\tborder-radius: var(--radius-xl);\n\tborder: 1px solid var(--semantic-color-border-default);\n\tbackground: linear-gradient(135deg, rgb(255 255 255 / 0.95) 0%, rgb(248 250 252 / 0.98) 100%);\n\tbackdrop-filter: blur(20px);\n\tbox-shadow:\n\t\t0 25px 50px -12px rgb(0 0 0 / 0.25),\n\t\t0 8px 16px -8px rgb(0 0 0 / 0.1);\n}\n\n.dialogEnter {\n\tanimation: modalEnter 250ms ease-out both;\n}\n\n.dialogExit {\n\tanimation: modalExit 200ms ease-in both;\n}\n\n@keyframes modalEnter {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: scale(0.95) translateY(8px);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: scale(1) translateY(0);\n\t}\n}\n\n@keyframes modalExit {\n\tfrom {\n\t\topacity: 1;\n\t\ttransform: scale(1) translateY(0);\n\t}\n\n\tto {\n\t\topacity: 0;\n\t\ttransform: scale(0.95) translateY(8px);\n\t}\n}\n\n/* ─── Header ─── */\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: var(--spacing-4) var(--spacing-6);\n\tborder-bottom: 1px solid var(--color-steel-100);\n}\n\n.title {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-lg);\n\tfont-weight: var(--font-weight-semibold);\n\tcolor: var(--semantic-color-text-default);\n\tmargin: 0;\n\tpadding-right: var(--spacing-4);\n}\n\n/* ─── Close Button ─── */\n\n.closeAbsolute {\n\tposition: absolute;\n\ttop: var(--spacing-4);\n\tright: var(--spacing-4);\n\tz-index: 10;\n}\n\n.closeButton {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 36px;\n\theight: 36px;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: var(--radius-lg);\n\tbackground: none;\n\tcolor: var(--semantic-color-text-muted);\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color 150ms ease,\n\t\tcolor 150ms ease,\n\t\ttransform 150ms ease;\n}\n\n.closeButton:hover {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--semantic-color-text-default);\n\ttransform: scale(1.05);\n}\n\n.closeButton:active {\n\ttransform: scale(0.95);\n}\n\n.closeIcon {\n\ttransition: transform 150ms ease;\n}\n\n.closeButton:hover .closeIcon {\n\ttransform: rotate(90deg);\n}\n\n/* ─── Content ─── */\n\n.content {\n\tpadding: var(--spacing-4) var(--spacing-6);\n\toverflow-y: auto;\n\tmax-height: calc(100vh - 8rem);\n\tcolor: var(--semantic-color-text-default);\n\tfont-family: var(--font-family-sans);\n\tline-height: 1.6;\n\topacity: 0;\n}\n\n.contentVisible {\n\tanimation: contentReveal 300ms ease-out 50ms both;\n}\n\n@keyframes contentReveal {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(4px);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n/* ─── Footer ─── */\n\n.footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-3);\n\tpadding: var(--spacing-4) var(--spacing-6);\n\tborder-top: 1px solid var(--color-steel-100);\n\tbackground-color: rgb(249 250 251 / 0.5);\n}\n\n/* ─── Confirmation Modal Buttons ─── */\n\n.cancelButton {\n\tflex: 1;\n\tpadding: var(--spacing-2) var(--spacing-4);\n\tborder: 1px solid var(--semantic-color-border-strong);\n\tborder-radius: var(--radius-md);\n\tbackground: none;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--color-steel-700);\n\twhite-space: nowrap;\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color 150ms ease,\n\t\tborder-color 150ms ease,\n\t\ttransform 150ms ease,\n\t\tbox-shadow 150ms ease;\n}\n\n.cancelButton:hover {\n\tbackground-color: var(--semantic-color-bg-subtle);\n\tborder-color: var(--color-steel-400);\n\ttransform: scale(1.05);\n\tbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n}\n\n.cancelButton:active {\n\ttransform: scale(1);\n}\n\n.confirmButton {\n\tflex: 1;\n\tpadding: var(--spacing-2) var(--spacing-4);\n\tborder: none;\n\tborder-radius: var(--radius-md);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-inverse);\n\twhite-space: nowrap;\n\tcursor: pointer;\n\ttransition:\n\t\ttransform 150ms ease,\n\t\tbox-shadow 150ms ease;\n}\n\n.confirmButton:hover:not(:disabled) {\n\ttransform: scale(1.05);\n\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n}\n\n.confirmButton:active:not(:disabled) {\n\ttransform: scale(1);\n}\n\n.confirmButton:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n.confirmButton:disabled:hover {\n\ttransform: none;\n}\n\n.confirmPrimary {\n\tbackground-color: var(--color-steel-900);\n}\n\n.confirmDanger {\n\tbackground-color: var(--color-red-600);\n}\n\n.confirmLoading {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--spacing-2);\n}\n\n.confirmSpinner {\n\twidth: 16px;\n\theight: 16px;\n\tanimation: spin 0.7s linear infinite;\n}\n\n@keyframes spin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n",".pill {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder-radius: 9999px;\n\tfont-family: var(--font-family-sans);\n\tfont-weight: var(--font-weight-bold);\n\twhite-space: nowrap;\n}\n\n/* ─── Sizes ─── */\n\n.sm {\n\tpadding: 2px 8px;\n\tfont-size: 11px;\n}\n\n.md {\n\tpadding: 6px 12px;\n\tfont-size: var(--font-size-xs);\n}\n\n.lg {\n\tpadding: 8px 16px;\n\tfont-size: var(--font-size-sm);\n}\n\n/* ─── Dot ─── */\n\n.dot {\n\tborder-radius: 9999px;\n\tbackground-color: currentColor;\n\topacity: 0.8;\n}\n\n.dot-sm {\n\twidth: 4px;\n\theight: 4px;\n\tmargin-right: 6px;\n}\n\n.dot-md {\n\twidth: 6px;\n\theight: 6px;\n\tmargin-right: 8px;\n}\n\n.dot-lg {\n\twidth: 8px;\n\theight: 8px;\n\tmargin-right: 10px;\n}\n\n/* ─── Solid Variants ─── */\n\n.solid-red {\n\tbackground-color: var(--color-red-450);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n.solid-green {\n\tbackground-color: var(--semantic-color-brand-primary);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n.solid-blue {\n\tbackground-color: var(--color-steel-600);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n.solid-orange {\n\tbackground-color: var(--color-warm-400);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n.solid-purple {\n\tbackground-color: var(--color-steel-500);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n.solid-gray {\n\tbackground-color: var(--color-steel-400);\n\tcolor: var(--semantic-color-text-inverse);\n}\n\n/* ─── Subtle Variants ─── */\n\n.subtle-red {\n\tbackground-color: var(--semantic-color-feedback-error-light);\n\tcolor: var(--color-red-600);\n}\n\n.subtle-green {\n\tbackground-color: var(--semantic-color-brand-primary-light);\n\tcolor: var(--color-sage-700);\n}\n\n.subtle-blue {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--color-steel-700);\n}\n\n.subtle-orange {\n\tbackground-color: var(--semantic-color-brand-secondary-light);\n\tcolor: var(--color-warm-700);\n}\n\n.subtle-purple {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--color-steel-600);\n}\n\n.subtle-gray {\n\tbackground-color: var(--semantic-color-bg-muted);\n\tcolor: var(--semantic-color-text-secondary);\n}\n",".wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 6px 8px;\n\tborder-radius: var(--radius-md);\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.wrapper:hover {\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.input {\n\twidth: 16px;\n\theight: 16px;\n\tborder-radius: 9999px;\n\tborder: 1px solid var(--semantic-color-border-strong);\n\taccent-color: var(--color-steel-900);\n\tcursor: pointer;\n}\n\n.input:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-default);\n\tuser-select: none;\n}\n",".wrapper {\n\tposition: relative;\n}\n\n.searchIcon {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 12px;\n\ttransform: translateY(-50%);\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.icon-sm {\n\twidth: 16px;\n\theight: 16px;\n}\n\n.icon-md {\n\twidth: 16px;\n\theight: 16px;\n}\n\n.icon-lg {\n\twidth: 20px;\n\theight: 20px;\n}\n\n.input {\n\twidth: 100%;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: 16px;\n\tbackground-color: var(--semantic-color-bg-default);\n\tcolor: var(--semantic-color-text-default);\n\tfont-family: var(--font-family-sans);\n\ttransition: border-color 150ms ease;\n}\n\n.input::placeholder {\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.input:focus {\n\toutline: none;\n\tborder-color: var(--semantic-color-border-strong);\n}\n\n.sm {\n\tpadding: 8px 12px 8px 36px;\n\tfont-size: var(--font-size-sm);\n}\n\n.md {\n\tpadding: 10px 40px 10px 36px;\n\tfont-size: var(--font-size-sm);\n}\n\n.lg {\n\tpadding: 12px 40px 12px 40px;\n\tfont-size: var(--font-size-base);\n}\n\n.clearButton {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 8px;\n\ttransform: translateY(-50%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 4px;\n\tborder: none;\n\tborder-radius: 9999px;\n\tbackground: none;\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.clearButton:hover {\n\tbackground-color: var(--semantic-color-bg-muted);\n}\n\n.clearIcon {\n\tcolor: var(--semantic-color-text-muted);\n}\n",".wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-1);\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-default);\n}\n\n.container {\n\tposition: relative;\n}\n\n.select {\n\twidth: 100%;\n\tappearance: none;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--semantic-color-bg-default);\n\tpadding: var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-3);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-base);\n\tcolor: var(--semantic-color-text-default);\n\tcursor: pointer;\n\ttransition:\n\t\tborder-color 150ms ease,\n\t\tbox-shadow 150ms ease;\n}\n\n.select:focus {\n\toutline: none;\n\tborder-color: var(--semantic-color-border-strong);\n}\n\n.select:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n.chevron {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-right: var(--spacing-3);\n\tcolor: var(--semantic-color-text-muted);\n\tpointer-events: none;\n}\n",".skeleton {\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\tvar(--semantic-color-bg-muted) 25%,\n\t\tvar(--semantic-color-bg-subtle) 50%,\n\t\tvar(--semantic-color-bg-muted) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: wave 1.5s ease-in-out infinite;\n}\n\n.group {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n@keyframes wave {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n",".wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: var(--spacing-3);\n}\n\n.svg {\n\tanimation: spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-muted);\n\tmargin: 0;\n}\n\n.srOnly {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder: 0;\n}\n\n@keyframes spin {\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n",".dot {\n\tflex-shrink: 0;\n\tborder-radius: 9999px;\n}\n\n.sm {\n\twidth: 10px;\n\theight: 10px;\n}\n\n.md {\n\twidth: 12px;\n\theight: 12px;\n}\n\n.green {\n\tbackground-color: var(--semantic-color-brand-primary);\n}\n\n.yellow {\n\tbackground-color: var(--color-warm-400);\n}\n\n.red {\n\tbackground-color: var(--color-red-500);\n}\n\n.gray {\n\tbackground-color: var(--color-steel-400);\n}\n\n.pulse {\n\tanimation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes pulse {\n\t0%,\n\t100% {\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\topacity: 0.5;\n\t}\n}\n",".wrapper {\n\tposition: relative;\n}\n\n.tabsContainer {\n\tposition: relative;\n}\n\n.hiddenMobile {\n\tdisplay: none;\n}\n\n@media (min-width: 768px) {\n\t.hiddenMobile {\n\t\tdisplay: block;\n\t}\n}\n\n.scrollable {\n\tposition: relative;\n\tdisplay: flex;\n\tgap: 32px;\n\toverflow-x: auto;\n\tscrollbar-width: none;\n}\n\n.scrollable::-webkit-scrollbar {\n\tdisplay: none;\n}\n\n.tab {\n\tposition: relative;\n\tpadding: 0 0 12px;\n\tborder: none;\n\tbackground: none;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcursor: pointer;\n\ttransition: color 150ms ease;\n\twhite-space: nowrap;\n}\n\n.tabActive {\n\tcolor: var(--semantic-color-text-default);\n\tfont-weight: var(--font-weight-semibold);\n}\n\n.tabInactive {\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.tabInactive:hover {\n\tcolor: var(--color-steel-700);\n}\n\n.tabLabel {\n\twhite-space: nowrap;\n}\n\n.indicator {\n\tposition: absolute;\n\tbottom: 0;\n\theight: 2px;\n\tborder-radius: 9999px;\n\tbackground-color: var(--color-steel-900);\n\ttransition:\n\t\tleft 300ms ease-out,\n\t\twidth 300ms ease-out;\n}\n\n.fadeLeft {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 10;\n\twidth: 24px;\n\tbackground: linear-gradient(to right, white, transparent);\n\tpointer-events: none;\n}\n\n.fadeRight {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tz-index: 10;\n\twidth: 24px;\n\tbackground: linear-gradient(to left, white, transparent);\n\tpointer-events: none;\n}\n\n/* ─── Mobile Dropdown ─── */\n\n.mobileDropdown {\n\tposition: relative;\n}\n\n@media (min-width: 768px) {\n\t.mobileDropdown {\n\t\tdisplay: none;\n\t}\n}\n\n.mobileToggle {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 10px 16px;\n\tborder: none;\n\tborder-radius: var(--radius-lg);\n\tbackground-color: var(--semantic-color-bg-default);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-base);\n\tfont-weight: var(--font-weight-semibold);\n\tcolor: var(--semantic-color-text-default);\n\tbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.mobileToggleOpen {\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.mobileChevron {\n\tflex-shrink: 0;\n\tcolor: var(--semantic-color-text-muted);\n\ttransition: transform 150ms ease;\n}\n\n.mobileChevronOpen {\n\ttransform: rotate(180deg);\n}\n\n.mobileMenu {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 0;\n\tz-index: 50;\n\tmargin-top: 4px;\n\tmin-width: 192px;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: var(--radius-lg);\n\tbackground-color: var(--semantic-color-bg-default);\n\tpadding: 4px 0;\n\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n}\n\n.mobileMenuItem {\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: 10px 16px;\n\tborder: none;\n\tbackground: none;\n\ttext-align: left;\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-base);\n\tcolor: var(--semantic-color-text-secondary);\n\tcursor: pointer;\n\ttransition: background-color 150ms ease;\n}\n\n.mobileMenuItem:hover {\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.mobileMenuItemActive {\n\tbackground-color: var(--semantic-color-bg-subtle);\n\tfont-weight: var(--font-weight-semibold);\n\tcolor: var(--semantic-color-text-default);\n}\n",".wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-2);\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tfont-weight: var(--font-weight-medium);\n\tcolor: var(--semantic-color-text-default);\n}\n\n.textarea {\n\tdisplay: block;\n\twidth: 100%;\n\tresize: vertical;\n\tborder: 1px solid var(--semantic-color-border-default);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--semantic-color-bg-default);\n\tpadding: var(--spacing-2) var(--spacing-3);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-default);\n\ttransition: border-color 150ms ease;\n}\n\n.textarea::placeholder {\n\tcolor: var(--semantic-color-text-muted);\n}\n\n.textarea:focus {\n\toutline: none;\n\tborder-color: var(--semantic-color-border-strong);\n}\n\n.textarea:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n\tbackground-color: var(--semantic-color-bg-subtle);\n}\n\n.textarea.error {\n\tborder-color: var(--color-red-500);\n}\n\n.errorText {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-xs);\n\tcolor: var(--color-red-600);\n\tmargin: 0;\n}\n",".container {\n\tposition: fixed;\n\ttop: 24px;\n\tright: 24px;\n\tz-index: 99999;\n\tpointer-events: none;\n}\n\n.toast {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 12px 16px;\n\tborder-radius: var(--radius-lg);\n\tbackground-color: var(--semantic-color-bg-default);\n\tborder: 1px solid var(--semantic-color-border-default);\n\tbox-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.15);\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-default);\n\tpointer-events: auto;\n\tmax-width: 400px;\n}\n\n.enter {\n\tanimation: slideIn 200ms ease-out both;\n}\n\n.exit {\n\tanimation: slideOut 200ms ease-in both;\n}\n\n@keyframes slideIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes slideOut {\n\tfrom {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\n\tto {\n\t\topacity: 0;\n\t\ttransform: translateX(100%);\n\t}\n}\n\n.icon {\n\tdisplay: flex;\n\tflex-shrink: 0;\n}\n\n.message {\n\tflex: 1;\n\tline-height: 1.4;\n}\n\n.close {\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tpadding: 2px;\n\tborder: none;\n\tborder-radius: var(--radius-sm);\n\tbackground: none;\n\tcolor: var(--semantic-color-text-muted);\n\tcursor: pointer;\n\ttransition: color 150ms ease;\n}\n\n.close:hover {\n\tcolor: var(--semantic-color-text-default);\n}\n\n/* ─── Types ─── */\n\n.success {\n\tborder-left: 3px solid var(--semantic-color-brand-primary);\n}\n\n.success .icon {\n\tcolor: var(--semantic-color-brand-primary);\n}\n\n.error {\n\tborder-left: 3px solid var(--color-red-500);\n}\n\n.error .icon {\n\tcolor: var(--color-red-500);\n}\n\n.warning {\n\tborder-left: 3px solid var(--color-warm-400);\n}\n\n.warning .icon {\n\tcolor: var(--color-warm-400);\n}\n\n.info {\n\tborder-left: 3px solid var(--color-steel-400);\n}\n\n.info .icon {\n\tcolor: var(--color-steel-400);\n}\n",".wrapper {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tcursor: pointer;\n}\n\n.input {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n}\n\n.track {\n\tposition: relative;\n\tborder-radius: 9999px;\n\tbackground-color: var(--color-steel-300);\n\ttransition: background-color 150ms ease;\n}\n\n.sm {\n\twidth: 36px;\n\theight: 20px;\n}\n\n.md {\n\twidth: 44px;\n\theight: 24px;\n}\n\n.thumb {\n\tposition: absolute;\n\ttop: 2px;\n\tleft: 2px;\n\tborder-radius: 9999px;\n\tbackground-color: var(--semantic-color-bg-default);\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n\ttransition:\n\t\ttransform 150ms ease,\n\t\twidth 150ms ease;\n}\n\n.sm .thumb {\n\twidth: 16px;\n\theight: 16px;\n}\n\n.md .thumb {\n\twidth: 20px;\n\theight: 20px;\n}\n\n.input:checked + .track {\n\tbackground-color: var(--semantic-color-brand-primary);\n}\n\n.input:checked + .sm .thumb {\n\ttransform: translateX(16px);\n}\n\n.input:checked + .md .thumb {\n\ttransform: translateX(20px);\n}\n\n.input:disabled + .track {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n.label {\n\tfont-family: var(--font-family-sans);\n\tfont-size: var(--font-size-sm);\n\tcolor: var(--semantic-color-text-default);\n\tuser-select: none;\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
|
+
|
|
4
|
+
interface AccordionProps {
|
|
5
|
+
label: string;
|
|
6
|
+
badge?: ReactNode;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
declare function Accordion({ label, badge, defaultOpen, children, className, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
type AlertType = "error" | "success" | "warning" | "info";
|
|
14
|
+
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
type: AlertType;
|
|
16
|
+
message: string;
|
|
17
|
+
}
|
|
18
|
+
declare function Alert({ type, message, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
|
|
19
|
+
|
|
20
|
+
interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
name: string;
|
|
22
|
+
src?: string | null;
|
|
23
|
+
size?: "sm" | "md" | "lg";
|
|
24
|
+
}
|
|
25
|
+
declare function Avatar({ name, src, size, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
count: number | string;
|
|
29
|
+
label?: string;
|
|
30
|
+
icon?: ReactNode;
|
|
31
|
+
showLabel?: boolean;
|
|
32
|
+
size?: "sm" | "md";
|
|
33
|
+
}
|
|
34
|
+
declare function Badge({ count, label, icon, showLabel, size, className, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
declare function BadgeCompact({ count, icon, className, ...props }: Omit<BadgeProps, "label" | "showLabel">): react_jsx_runtime.JSX.Element;
|
|
36
|
+
|
|
37
|
+
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
38
|
+
variant?: "primary" | "secondary" | "outline" | "outline_danger" | "danger" | "success" | "ghost";
|
|
39
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
40
|
+
isLoading?: boolean;
|
|
41
|
+
loadingText?: string;
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
declare function Button({ variant, size, isLoading, loadingText, className, children, disabled, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
|
|
46
|
+
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
47
|
+
variant?: "default" | "elevated" | "glass";
|
|
48
|
+
padding?: "none" | "sm" | "md" | "lg";
|
|
49
|
+
hoverable?: boolean;
|
|
50
|
+
children: ReactNode;
|
|
51
|
+
}
|
|
52
|
+
declare function Card({ variant, padding, hoverable, className, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
53
|
+
|
|
54
|
+
interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
55
|
+
label: string;
|
|
56
|
+
}
|
|
57
|
+
declare function Checkbox({ label, id, name, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
58
|
+
|
|
59
|
+
interface DividerProps extends HTMLAttributes<HTMLHRElement> {
|
|
60
|
+
spacing?: "sm" | "md" | "lg";
|
|
61
|
+
label?: string;
|
|
62
|
+
}
|
|
63
|
+
declare function Divider({ spacing, label, className, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
64
|
+
|
|
65
|
+
interface DropdownMenuItem {
|
|
66
|
+
id: string;
|
|
67
|
+
label: string;
|
|
68
|
+
onClick: () => void;
|
|
69
|
+
variant?: "default" | "danger";
|
|
70
|
+
}
|
|
71
|
+
interface DropdownMenuProps {
|
|
72
|
+
items: DropdownMenuItem[];
|
|
73
|
+
trigger?: ReactNode;
|
|
74
|
+
className?: string;
|
|
75
|
+
}
|
|
76
|
+
declare function DropdownMenu({ items, trigger, className }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
77
|
+
|
|
78
|
+
interface ActiveFilter {
|
|
79
|
+
id: string;
|
|
80
|
+
label: string;
|
|
81
|
+
onRemove: () => void;
|
|
82
|
+
}
|
|
83
|
+
interface FilterChipsProps extends HTMLAttributes<HTMLDivElement> {
|
|
84
|
+
filters: ActiveFilter[];
|
|
85
|
+
onClearAll?: () => void;
|
|
86
|
+
}
|
|
87
|
+
declare function FilterChips({ filters, onClearAll, className, ...props }: FilterChipsProps): react_jsx_runtime.JSX.Element | null;
|
|
88
|
+
|
|
89
|
+
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
90
|
+
label?: string;
|
|
91
|
+
error?: string;
|
|
92
|
+
}
|
|
93
|
+
declare function Input({ label, error, id, name, type, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
94
|
+
|
|
95
|
+
interface LogoProps extends SVGProps<SVGSVGElement> {
|
|
96
|
+
size?: number | string;
|
|
97
|
+
}
|
|
98
|
+
declare function Logo({ size, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
|
|
99
|
+
|
|
100
|
+
interface ModalProps {
|
|
101
|
+
isOpen: boolean;
|
|
102
|
+
onClose: () => void;
|
|
103
|
+
title?: string;
|
|
104
|
+
children: ReactNode;
|
|
105
|
+
footer?: ReactNode;
|
|
106
|
+
}
|
|
107
|
+
declare function Modal({ isOpen, onClose, title, children, footer }: ModalProps): react_jsx_runtime.JSX.Element | null;
|
|
108
|
+
interface ConfirmationModalProps {
|
|
109
|
+
isOpen: boolean;
|
|
110
|
+
onClose: () => void;
|
|
111
|
+
onConfirm: () => void;
|
|
112
|
+
title: string;
|
|
113
|
+
children: ReactNode;
|
|
114
|
+
confirmText?: string;
|
|
115
|
+
cancelText?: string;
|
|
116
|
+
isConfirmLoading?: boolean;
|
|
117
|
+
isConfirmDisabled?: boolean;
|
|
118
|
+
variant?: "danger" | "primary";
|
|
119
|
+
}
|
|
120
|
+
declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, children, confirmText, cancelText, isConfirmLoading, isConfirmDisabled, variant, }: ConfirmationModalProps): react_jsx_runtime.JSX.Element;
|
|
121
|
+
|
|
122
|
+
type PillColor = "red" | "green" | "blue" | "orange" | "purple" | "gray";
|
|
123
|
+
interface PillProps extends HTMLAttributes<HTMLSpanElement> {
|
|
124
|
+
label: string;
|
|
125
|
+
color?: PillColor;
|
|
126
|
+
variant?: "solid" | "subtle";
|
|
127
|
+
size?: "sm" | "md" | "lg";
|
|
128
|
+
dot?: boolean;
|
|
129
|
+
}
|
|
130
|
+
declare function Pill({ label, color, variant, size, dot, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
|
|
131
|
+
|
|
132
|
+
interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
133
|
+
label: string;
|
|
134
|
+
}
|
|
135
|
+
declare function Radio({ label, id, name, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
136
|
+
|
|
137
|
+
interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> {
|
|
138
|
+
value: string;
|
|
139
|
+
onChange: (value: string) => void;
|
|
140
|
+
onClear?: () => void;
|
|
141
|
+
size?: "sm" | "md" | "lg";
|
|
142
|
+
}
|
|
143
|
+
declare function SearchBar({ value, onChange, onClear, placeholder, size, className, ...props }: SearchBarProps): react_jsx_runtime.JSX.Element;
|
|
144
|
+
|
|
145
|
+
interface SelectOption {
|
|
146
|
+
value: string;
|
|
147
|
+
label: string;
|
|
148
|
+
disabled?: boolean;
|
|
149
|
+
}
|
|
150
|
+
interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
151
|
+
label?: string;
|
|
152
|
+
placeholder?: string;
|
|
153
|
+
options: SelectOption[];
|
|
154
|
+
}
|
|
155
|
+
declare function Select({ label, placeholder, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
156
|
+
|
|
157
|
+
interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
158
|
+
width?: number | string;
|
|
159
|
+
height?: number | string;
|
|
160
|
+
circle?: boolean;
|
|
161
|
+
borderRadius?: number | string;
|
|
162
|
+
count?: number;
|
|
163
|
+
gap?: number;
|
|
164
|
+
}
|
|
165
|
+
declare function Skeleton({ width, height, circle, borderRadius, count, gap, className, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
166
|
+
|
|
167
|
+
interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
|
|
168
|
+
size?: "sm" | "md" | "lg";
|
|
169
|
+
label?: string;
|
|
170
|
+
}
|
|
171
|
+
declare function Spinner({ size, label, className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
172
|
+
|
|
173
|
+
type StatusDotColor = "green" | "yellow" | "red" | "gray";
|
|
174
|
+
interface StatusDotProps extends HTMLAttributes<HTMLDivElement> {
|
|
175
|
+
color: StatusDotColor;
|
|
176
|
+
tooltip?: string;
|
|
177
|
+
size?: "sm" | "md";
|
|
178
|
+
pulse?: boolean;
|
|
179
|
+
}
|
|
180
|
+
declare function StatusDot({ color, tooltip, size, pulse, className, ...props }: StatusDotProps): react_jsx_runtime.JSX.Element;
|
|
181
|
+
|
|
182
|
+
interface TabItem {
|
|
183
|
+
id: string;
|
|
184
|
+
label: string;
|
|
185
|
+
count?: number;
|
|
186
|
+
}
|
|
187
|
+
interface TabsProps {
|
|
188
|
+
items: TabItem[];
|
|
189
|
+
activeTab: string;
|
|
190
|
+
onTabChange: (tabId: string) => void;
|
|
191
|
+
className?: string;
|
|
192
|
+
}
|
|
193
|
+
declare function Tabs({ items, activeTab, onTabChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
194
|
+
|
|
195
|
+
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
196
|
+
label?: string;
|
|
197
|
+
error?: string;
|
|
198
|
+
}
|
|
199
|
+
declare function Textarea({ label, error, id, name, rows, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
200
|
+
|
|
201
|
+
type ToastType = "success" | "error" | "warning" | "info";
|
|
202
|
+
interface ToastProps {
|
|
203
|
+
type?: ToastType;
|
|
204
|
+
message: string;
|
|
205
|
+
duration?: number;
|
|
206
|
+
onClose: () => void;
|
|
207
|
+
}
|
|
208
|
+
declare function Toast({ type, message, duration, onClose }: ToastProps): react_jsx_runtime.JSX.Element;
|
|
209
|
+
|
|
210
|
+
interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
211
|
+
label?: string;
|
|
212
|
+
size?: "sm" | "md";
|
|
213
|
+
}
|
|
214
|
+
declare function Toggle({ label, size, id, name, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
215
|
+
|
|
216
|
+
export { Accordion, type AccordionProps, type ActiveFilter, Alert, type AlertProps, type AlertType, Avatar, type AvatarProps, Badge, BadgeCompact, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, ConfirmationModal, type ConfirmationModalProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, FilterChips, type FilterChipsProps, Input, type InputProps, Logo, type LogoProps, Modal, type ModalProps, Pill, type PillColor, type PillProps, Radio, type RadioProps, SearchBar, type SearchBarProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, StatusDot, type StatusDotColor, type StatusDotProps, type TabItem, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, type ToastType, Toggle, type ToggleProps };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
|
+
|
|
4
|
+
interface AccordionProps {
|
|
5
|
+
label: string;
|
|
6
|
+
badge?: ReactNode;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
declare function Accordion({ label, badge, defaultOpen, children, className, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
type AlertType = "error" | "success" | "warning" | "info";
|
|
14
|
+
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
type: AlertType;
|
|
16
|
+
message: string;
|
|
17
|
+
}
|
|
18
|
+
declare function Alert({ type, message, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
|
|
19
|
+
|
|
20
|
+
interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
name: string;
|
|
22
|
+
src?: string | null;
|
|
23
|
+
size?: "sm" | "md" | "lg";
|
|
24
|
+
}
|
|
25
|
+
declare function Avatar({ name, src, size, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
count: number | string;
|
|
29
|
+
label?: string;
|
|
30
|
+
icon?: ReactNode;
|
|
31
|
+
showLabel?: boolean;
|
|
32
|
+
size?: "sm" | "md";
|
|
33
|
+
}
|
|
34
|
+
declare function Badge({ count, label, icon, showLabel, size, className, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
declare function BadgeCompact({ count, icon, className, ...props }: Omit<BadgeProps, "label" | "showLabel">): react_jsx_runtime.JSX.Element;
|
|
36
|
+
|
|
37
|
+
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
38
|
+
variant?: "primary" | "secondary" | "outline" | "outline_danger" | "danger" | "success" | "ghost";
|
|
39
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
40
|
+
isLoading?: boolean;
|
|
41
|
+
loadingText?: string;
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
declare function Button({ variant, size, isLoading, loadingText, className, children, disabled, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
|
|
46
|
+
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
47
|
+
variant?: "default" | "elevated" | "glass";
|
|
48
|
+
padding?: "none" | "sm" | "md" | "lg";
|
|
49
|
+
hoverable?: boolean;
|
|
50
|
+
children: ReactNode;
|
|
51
|
+
}
|
|
52
|
+
declare function Card({ variant, padding, hoverable, className, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
53
|
+
|
|
54
|
+
interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
55
|
+
label: string;
|
|
56
|
+
}
|
|
57
|
+
declare function Checkbox({ label, id, name, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
58
|
+
|
|
59
|
+
interface DividerProps extends HTMLAttributes<HTMLHRElement> {
|
|
60
|
+
spacing?: "sm" | "md" | "lg";
|
|
61
|
+
label?: string;
|
|
62
|
+
}
|
|
63
|
+
declare function Divider({ spacing, label, className, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
64
|
+
|
|
65
|
+
interface DropdownMenuItem {
|
|
66
|
+
id: string;
|
|
67
|
+
label: string;
|
|
68
|
+
onClick: () => void;
|
|
69
|
+
variant?: "default" | "danger";
|
|
70
|
+
}
|
|
71
|
+
interface DropdownMenuProps {
|
|
72
|
+
items: DropdownMenuItem[];
|
|
73
|
+
trigger?: ReactNode;
|
|
74
|
+
className?: string;
|
|
75
|
+
}
|
|
76
|
+
declare function DropdownMenu({ items, trigger, className }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
77
|
+
|
|
78
|
+
interface ActiveFilter {
|
|
79
|
+
id: string;
|
|
80
|
+
label: string;
|
|
81
|
+
onRemove: () => void;
|
|
82
|
+
}
|
|
83
|
+
interface FilterChipsProps extends HTMLAttributes<HTMLDivElement> {
|
|
84
|
+
filters: ActiveFilter[];
|
|
85
|
+
onClearAll?: () => void;
|
|
86
|
+
}
|
|
87
|
+
declare function FilterChips({ filters, onClearAll, className, ...props }: FilterChipsProps): react_jsx_runtime.JSX.Element | null;
|
|
88
|
+
|
|
89
|
+
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
90
|
+
label?: string;
|
|
91
|
+
error?: string;
|
|
92
|
+
}
|
|
93
|
+
declare function Input({ label, error, id, name, type, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
94
|
+
|
|
95
|
+
interface LogoProps extends SVGProps<SVGSVGElement> {
|
|
96
|
+
size?: number | string;
|
|
97
|
+
}
|
|
98
|
+
declare function Logo({ size, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
|
|
99
|
+
|
|
100
|
+
interface ModalProps {
|
|
101
|
+
isOpen: boolean;
|
|
102
|
+
onClose: () => void;
|
|
103
|
+
title?: string;
|
|
104
|
+
children: ReactNode;
|
|
105
|
+
footer?: ReactNode;
|
|
106
|
+
}
|
|
107
|
+
declare function Modal({ isOpen, onClose, title, children, footer }: ModalProps): react_jsx_runtime.JSX.Element | null;
|
|
108
|
+
interface ConfirmationModalProps {
|
|
109
|
+
isOpen: boolean;
|
|
110
|
+
onClose: () => void;
|
|
111
|
+
onConfirm: () => void;
|
|
112
|
+
title: string;
|
|
113
|
+
children: ReactNode;
|
|
114
|
+
confirmText?: string;
|
|
115
|
+
cancelText?: string;
|
|
116
|
+
isConfirmLoading?: boolean;
|
|
117
|
+
isConfirmDisabled?: boolean;
|
|
118
|
+
variant?: "danger" | "primary";
|
|
119
|
+
}
|
|
120
|
+
declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, children, confirmText, cancelText, isConfirmLoading, isConfirmDisabled, variant, }: ConfirmationModalProps): react_jsx_runtime.JSX.Element;
|
|
121
|
+
|
|
122
|
+
type PillColor = "red" | "green" | "blue" | "orange" | "purple" | "gray";
|
|
123
|
+
interface PillProps extends HTMLAttributes<HTMLSpanElement> {
|
|
124
|
+
label: string;
|
|
125
|
+
color?: PillColor;
|
|
126
|
+
variant?: "solid" | "subtle";
|
|
127
|
+
size?: "sm" | "md" | "lg";
|
|
128
|
+
dot?: boolean;
|
|
129
|
+
}
|
|
130
|
+
declare function Pill({ label, color, variant, size, dot, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
|
|
131
|
+
|
|
132
|
+
interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
133
|
+
label: string;
|
|
134
|
+
}
|
|
135
|
+
declare function Radio({ label, id, name, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
136
|
+
|
|
137
|
+
interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> {
|
|
138
|
+
value: string;
|
|
139
|
+
onChange: (value: string) => void;
|
|
140
|
+
onClear?: () => void;
|
|
141
|
+
size?: "sm" | "md" | "lg";
|
|
142
|
+
}
|
|
143
|
+
declare function SearchBar({ value, onChange, onClear, placeholder, size, className, ...props }: SearchBarProps): react_jsx_runtime.JSX.Element;
|
|
144
|
+
|
|
145
|
+
interface SelectOption {
|
|
146
|
+
value: string;
|
|
147
|
+
label: string;
|
|
148
|
+
disabled?: boolean;
|
|
149
|
+
}
|
|
150
|
+
interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
151
|
+
label?: string;
|
|
152
|
+
placeholder?: string;
|
|
153
|
+
options: SelectOption[];
|
|
154
|
+
}
|
|
155
|
+
declare function Select({ label, placeholder, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
156
|
+
|
|
157
|
+
interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
158
|
+
width?: number | string;
|
|
159
|
+
height?: number | string;
|
|
160
|
+
circle?: boolean;
|
|
161
|
+
borderRadius?: number | string;
|
|
162
|
+
count?: number;
|
|
163
|
+
gap?: number;
|
|
164
|
+
}
|
|
165
|
+
declare function Skeleton({ width, height, circle, borderRadius, count, gap, className, style, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
166
|
+
|
|
167
|
+
interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
|
|
168
|
+
size?: "sm" | "md" | "lg";
|
|
169
|
+
label?: string;
|
|
170
|
+
}
|
|
171
|
+
declare function Spinner({ size, label, className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
172
|
+
|
|
173
|
+
type StatusDotColor = "green" | "yellow" | "red" | "gray";
|
|
174
|
+
interface StatusDotProps extends HTMLAttributes<HTMLDivElement> {
|
|
175
|
+
color: StatusDotColor;
|
|
176
|
+
tooltip?: string;
|
|
177
|
+
size?: "sm" | "md";
|
|
178
|
+
pulse?: boolean;
|
|
179
|
+
}
|
|
180
|
+
declare function StatusDot({ color, tooltip, size, pulse, className, ...props }: StatusDotProps): react_jsx_runtime.JSX.Element;
|
|
181
|
+
|
|
182
|
+
interface TabItem {
|
|
183
|
+
id: string;
|
|
184
|
+
label: string;
|
|
185
|
+
count?: number;
|
|
186
|
+
}
|
|
187
|
+
interface TabsProps {
|
|
188
|
+
items: TabItem[];
|
|
189
|
+
activeTab: string;
|
|
190
|
+
onTabChange: (tabId: string) => void;
|
|
191
|
+
className?: string;
|
|
192
|
+
}
|
|
193
|
+
declare function Tabs({ items, activeTab, onTabChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
194
|
+
|
|
195
|
+
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
196
|
+
label?: string;
|
|
197
|
+
error?: string;
|
|
198
|
+
}
|
|
199
|
+
declare function Textarea({ label, error, id, name, rows, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
200
|
+
|
|
201
|
+
type ToastType = "success" | "error" | "warning" | "info";
|
|
202
|
+
interface ToastProps {
|
|
203
|
+
type?: ToastType;
|
|
204
|
+
message: string;
|
|
205
|
+
duration?: number;
|
|
206
|
+
onClose: () => void;
|
|
207
|
+
}
|
|
208
|
+
declare function Toast({ type, message, duration, onClose }: ToastProps): react_jsx_runtime.JSX.Element;
|
|
209
|
+
|
|
210
|
+
interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
211
|
+
label?: string;
|
|
212
|
+
size?: "sm" | "md";
|
|
213
|
+
}
|
|
214
|
+
declare function Toggle({ label, size, id, name, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
215
|
+
|
|
216
|
+
export { Accordion, type AccordionProps, type ActiveFilter, Alert, type AlertProps, type AlertType, Avatar, type AvatarProps, Badge, BadgeCompact, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, ConfirmationModal, type ConfirmationModalProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, FilterChips, type FilterChipsProps, Input, type InputProps, Logo, type LogoProps, Modal, type ModalProps, Pill, type PillColor, type PillProps, Radio, type RadioProps, SearchBar, type SearchBarProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, StatusDot, type StatusDotColor, type StatusDotProps, type TabItem, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, type ToastType, Toggle, type ToggleProps };
|