@mt-gloss/ui 0.0.2

package/README.md

@@ -0,0 +1,33 @@
+# @mt-gloss/ui
+
+React component library for MarketTime applications. Includes primitives (Button, Input, Select, etc.), dashboard components (MetricCard, UnifiedBreakdownTable, ChartControlBar, etc.), and patterns (LoginForm, AddressGroup).
+
+## Install
+
+```bash
+npm install @mt-gloss/ui @mt-gloss/styles @mt-gloss/tokens @mt-gloss/utils
+```
+
+## Peer Dependencies
+
+Required:
+- react ^18 || ^19
+- react-dom ^18 || ^19
+- @mui/material ^6 || ^7
+- @mui/icons-material ^6 || ^7
+- @emotion/react ^11
+- @emotion/styled ^11
+- date-fns ^3 || ^4
+- @mt-gloss/utils ^0.1.0
+
+Optional (for specific components):
+- @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/modifiers, @dnd-kit/utilities (MetricCardGrid)
+- @mui/x-data-grid-pro (UnifiedBreakdownTable)
+- @mui/x-date-pickers-pro (TimeFrame)
+
+## Usage
+
+```tsx
+import { Button, MetricCard } from '@mt-gloss/ui';
+import '@mt-gloss/ui/styles.css';
+```

package/index.css

@@ -0,0 +1 @@
+@keyframes gloss-skeleton-breathe{0%,to{opacity:1}50%{opacity:.5}}.gloss-skeleton-shimmer{animation:gloss-skeleton-breathe 2s ease-in-out infinite}.gloss-skeleton-block{background-color:#e5e7eb;border-radius:6px}.gloss-skeleton-header{background-color:#d1d5db}@keyframes gloss-quadrant-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.gloss-quadrant-progress-bar{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;border-radius:2px 2px 0 0;background:transparent;z-index:10}.gloss-quadrant-progress-bar__fill{height:100%;width:40%;background:#4f46e5;animation:gloss-quadrant-progress 1.5s ease-in-out infinite;transform-origin:left center}@keyframes gloss-content-reveal{0%{opacity:0}to{opacity:1}}.gloss-content-reveal{animation:gloss-content-reveal .15s ease forwards}.gloss-metric-data-stale{filter:blur(4px);transition:filter .3s ease-out;will-change:filter}.gloss-metric-data-fresh{filter:blur(0px);transition:filter .2s ease-in}.MuiDataGrid-root .gloss-tabular-nums{font-family:Plus Jakarta Sans,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-optical-sizing:auto;font-weight:500;font-style:normal;text-rendering:optimizeLegibility}.MuiDataGrid-root .MuiDataGrid-cell{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;text-rendering:optimizeLegibility;padding:unset;padding:0 16px;background-color:unset;box-sizing:border-box}.MuiDataGrid-root .MuiDataGrid-cell .gloss-currency{color:#9ca3af;font-weight:400;font-size:.85em;margin-right:1px;vertical-align:baseline}.MuiDataGrid-root .MuiDataGrid-cell .gloss-cents{color:#9ca3af;font-weight:400;font-size:.85em;vertical-align:baseline}.MuiDataGrid-root .MuiDataGrid-cell .gloss-date-value{color:#6b7280;font-weight:400;font-size:.8125rem}.MuiDataGrid-root .MuiDataGrid-cell .gloss-date-year{opacity:.6}.MuiDataGrid-root .MuiDataGrid-cell a{color:#374151;position:relative;text-decoration:none}.MuiDataGrid-root .MuiDataGrid-cell.gloss-drillable a,.MuiDataGrid-root .MuiDataGrid-cell.gloss-primary-column a{text-decoration:none}.MuiDataGrid-root .MuiDataGrid-row:hover .MuiDataGrid-cell.gloss-drillable a,.MuiDataGrid-root .MuiDataGrid-row:hover .MuiDataGrid-cell.gloss-primary-column a{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#9ca3af;text-underline-offset:3px;cursor:pointer}.MuiDataGrid-root .MuiDataGrid-cell.gloss-primary-column{color:#374151;font-weight:500}.MuiDataGrid-root .gloss-order-id{text-transform:uppercase;color:#6b7280;font-size:.8125rem;font-weight:500;letter-spacing:-.01em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes barIn{0%{opacity:0}to{opacity:1}}.gloss-chart-control-bar{position:relative;padding:15px 15px 8px}.gloss-chart-control-bar__track{position:absolute;background:#0000000f;border-radius:10px;z-index:1}.gloss-chart-control-bar__shapes{position:absolute;inset:0;z-index:2;pointer-events:none}.gloss-chart-control-bar__interactive{position:relative;z-index:3}.gloss-chart-control-bar__row-2-overlay{position:absolute;left:0;right:0;top:100%;z-index:4}.gloss-chart-control-bar__row-1{display:flex;align-items:center;min-height:0;width:100%;animation:barIn .5s cubic-bezier(.16,1,.3,1) both}.gloss-chart-control-bar__datepicker{margin-left:auto}.gloss-unified-context-menu__item--disabled{opacity:.5;cursor:not-allowed}.gloss-unified-context-menu__subtitle{font-size:11px;color:#9ca3af;line-height:1.2}.gloss-unified-context-menu__external-icon{color:#9ca3af;font-size:14px;margin-left:auto;opacity:.6}.hybrid-date-picker{position:relative;display:inline-block}.hybrid-date-picker__compare-badge{position:absolute;top:-4px;right:-4px;font-size:14px!important;color:#2563eb;background-color:#fff;border-radius:50%;padding:1px;box-shadow:0 1px 3px #00000026;transition:opacity .2s,transform .2s;opacity:1;transform:scale(1);pointer-events:none}.hybrid-date-picker__active-banner{background:linear-gradient(to right,#16a34a14,#10b98114);border-bottom:1px solid rgba(22,163,74,.15);padding:10px 12px}.hybrid-date-picker__active-banner-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.hybrid-date-picker__active-banner-content{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background-color:#fff;border-radius:8px;border:1px solid rgba(22,163,74,.2);cursor:pointer;transition:background-color .2s,border-color .2s}.hybrid-date-picker__active-banner-content:hover{background-color:#16a34a0a}.hybrid-date-picker__active-banner-content--selected{border-color:#16a34a66;box-shadow:0 0 0 1px #16a34a1a}.hybrid-date-picker__quick-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.hybrid-date-picker__content{overflow:hidden}.hybrid-date-picker__markets-list{padding:8px}.hybrid-date-picker__markets-list-add{margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.hybrid-date-picker__events-section-header{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px}.hybrid-date-picker__events-section-header:not(:first-child){margin-top:12px;border-top:1px solid #e5e7eb;padding-top:12px}.hybrid-date-picker__footer{background-color:#f9fafb;border-top:1px solid #e5e7eb}.hybrid-date-picker__footer-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.hybrid-date-picker__footer-drawer-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;transition:background-color .2s}.hybrid-date-picker__footer-drawer-trigger:hover{background-color:#f3f4f6}.hybrid-date-picker__footer-drawer-trigger-icon{transition:transform .2s}.hybrid-date-picker__footer-drawer-trigger-icon--expanded{transform:rotate(180deg)}.hybrid-date-picker__footer-drawer-content{padding:8px 12px;display:flex;gap:8px;border-top:1px solid #e5e7eb}.hybrid-date-picker__footer-drawer-range-label{display:inline-flex;align-items:center;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s;white-space:nowrap}.hybrid-date-picker__footer-drawer-range-label:hover{background-color:#0000000f}.range-card{display:flex;position:relative;flex:1;min-width:0;padding:8px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.range-card:hover{border-color:#d1d5db}.range-card--active{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.range-card--active.range-card--green{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.range-card--active.range-card--amber{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.range-card__color-bar{width:4px;border-radius:2px;margin-right:8px;flex-shrink:0}.range-card--blue .range-card__color-bar{background-color:#4f46e5}.range-card--green .range-card__color-bar{background-color:#22c55e}.range-card--amber .range-card__color-bar{background-color:#f59e0b}.range-card__content{flex:1;min-width:0}.range-card__header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.range-card__label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.range-card__indicator{width:8px;height:8px;border-radius:50%;border:2px solid #d1d5db}.range-card__indicator--active{background-color:#4f46e5;border-color:#4f46e5}.range-card--green .range-card__indicator--active{background-color:#22c55e;border-color:#22c55e}.range-card--amber .range-card__indicator--active{background-color:#f59e0b;border-color:#f59e0b}.range-card__preset{font-size:13px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-card__dates{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-card__remove{position:absolute;top:2px;right:2px;padding:2px;opacity:0;transition:opacity .2s}.range-card:hover .range-card__remove{opacity:1}.range-card--empty{border-style:dashed}.range-card--empty .range-card__color-bar{border-style:dashed;border-width:0 0 0 4px;background:transparent;width:0;margin-right:12px}.range-card--empty.range-card--blue .range-card__color-bar{border-color:#4f46e5}.range-card--empty.range-card--green .range-card__color-bar{border-color:#22c55e}.range-card--empty.range-card--amber .range-card__color-bar{border-color:#f59e0b}.range-card-add{display:flex;align-items:center;justify-content:center;min-width:40px;border-radius:6px;border:1px dashed #d1d5db;background-color:transparent;cursor:pointer;transition:border-color .2s,background-color .2s}.range-card-add:hover{border-color:#4f46e5;background-color:#4f46e50a}.mini-calendar{--cell-size: 40px;--font-size: 12px;--header-font-size: 14px;--padding: 12px;--dot-size: 4px;--dot-offset: 10px;padding:var(--padding);font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}.mini-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--padding)}.mini-calendar__header .MuiTypography-root{font-size:var(--header-font-size)}.mini-calendar__grid{display:grid;grid-template-columns:repeat(7,var(--cell-size));gap:2px 0;justify-content:center}.mini-calendar__day-header{height:calc(var(--cell-size) * .6);display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size) - 1px);font-weight:500;color:#6b7280}.mini-calendar__day{position:relative;width:var(--cell-size);height:var(--cell-size);border-radius:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size);cursor:pointer;transition:background-color .2s,color .2s;color:#374151;background:transparent}.mini-calendar__day:hover:not(.mini-calendar__day--start):not(.mini-calendar__day--end):not(.mini-calendar__day--single):not(.mini-calendar__day--in-range):not(.mini-calendar__day--empty):not(.mini-calendar__day--disabled){background-color:#f3f4f6;border-radius:50%}.mini-calendar__day--empty{cursor:default}.mini-calendar__day--single{background-color:#4f46e5;color:#fff;font-weight:500;border-radius:50%}.mini-calendar__day--single:hover{background-color:#4338ca}.mini-calendar__day--start{background-color:#4f46e5;color:#fff;font-weight:500;border-radius:50% 0 0 50%}.mini-calendar__day--start:hover{background-color:#4338ca}.mini-calendar__day--end{background-color:#4f46e5;color:#fff;font-weight:500;border-radius:0 50% 50% 0}.mini-calendar__day--end:hover{background-color:#4338ca}.mini-calendar__day--in-range{background-color:#4f46e5;color:#fff;border-radius:0}.mini-calendar__day--disabled{color:#d1d5db;cursor:not-allowed;background:transparent}.mini-calendar__day--disabled:hover{background:transparent}.mini-calendar__day--disabled-in-range{background-color:#d1d5db;color:#9ca3af;border-radius:0;cursor:default}.mini-calendar__day--disabled-in-range:hover{background-color:#d1d5db}.mini-calendar__day--disabled-end{background-color:#d1d5db;color:#9ca3af;border-radius:0 50% 50% 0;cursor:default}.mini-calendar__day--disabled-end:hover{background-color:#d1d5db}.mini-calendar__day--today:not(.mini-calendar__day--start):not(.mini-calendar__day--end):not(.mini-calendar__day--single):not(.mini-calendar__day--in-range){font-weight:700}.mini-calendar__day--market:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%);margin-top:var(--dot-offset);width:var(--dot-size);height:var(--dot-size);background-color:#4f46e5;border-radius:50%}.mini-calendar__day--market.mini-calendar__day--in-range:after,.mini-calendar__day--market.mini-calendar__day--start:after,.mini-calendar__day--market.mini-calendar__day--end:after,.mini-calendar__day--market.mini-calendar__day--single:after{background-color:#fff}.mini-calendar__day--disabled.mini-calendar__day--market:after{background-color:#d1d5db}.mini-calendar__day--market.mini-calendar__day--disabled-in-range:after,.mini-calendar__day--market.mini-calendar__day--disabled-end:after{background-color:#fff}.mini-calendar__day--secondary.mini-calendar__day--single{background-color:#22c55e}.mini-calendar__day--secondary.mini-calendar__day--single:hover{background-color:#1a9a49}.mini-calendar__day--secondary.mini-calendar__day--start{background-color:#22c55e}.mini-calendar__day--secondary.mini-calendar__day--start:hover{background-color:#1a9a49}.mini-calendar__day--secondary.mini-calendar__day--end{background-color:#22c55e}.mini-calendar__day--secondary.mini-calendar__day--end:hover{background-color:#1a9a49}.mini-calendar__day--secondary.mini-calendar__day--in-range{background-color:#22c55e}.mini-calendar__day--tertiary.mini-calendar__day--single{background-color:#f59e0b}.mini-calendar__day--tertiary.mini-calendar__day--single:hover{background-color:#c57f08}.mini-calendar__day--tertiary.mini-calendar__day--start{background-color:#f59e0b}.mini-calendar__day--tertiary.mini-calendar__day--start:hover{background-color:#c57f08}.mini-calendar__day--tertiary.mini-calendar__day--end{background-color:#f59e0b}.mini-calendar__day--tertiary.mini-calendar__day--end:hover{background-color:#c57f08}.mini-calendar__day--tertiary.mini-calendar__day--in-range{background-color:#f59e0b}.mini-calendar__legend{display:flex;align-items:center;justify-content:space-between;margin-top:var(--padding);padding-top:calc(var(--padding) * .8);border-top:1px solid #f3f4f6}.mini-calendar__legend-item{display:flex;align-items:center;gap:6px}.mini-calendar__legend-dot{width:calc(var(--dot-size) + 2px);height:calc(var(--dot-size) + 2px);border-radius:50%}.mini-calendar__legend-dot--market{background-color:#4f46e5}.market-edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6}.market-edit-modal__content{padding:16px}.market-edit-modal__field{margin-bottom:12px}.market-edit-modal__field:last-child{margin-bottom:0}.market-edit-modal__label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.market-edit-modal__input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;transition:border-color .2s,box-shadow .2s}.market-edit-modal__input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.market-edit-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.market-edit-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f9fafb;border-top:1px solid #f3f4f6}.timeframe-toggle .MuiToggleButton-root.Mui-selected{background-color:#4f46e5;color:#fff}.gloss-grid{width:100%;position:relative}.gloss-grid__container{display:grid;overflow:visible;position:relative;width:100%}.gloss-grid__slot{min-width:0;min-height:0}.gloss-grid__slot--dragging{opacity:.4}.gloss-grid__empty-slot{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:2px dashed transparent;border-radius:12px;background:#00000004;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.gloss-grid__empty-slot:hover{border-color:#4f46e5;background:#4f46e50a}.gloss-grid__drag-overlay{box-shadow:0 8px 24px #00000026;cursor:grabbing;z-index:100;border-radius:12px}.gloss-grid__pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0;margin-top:4px}.gloss-grid__pagination-dots{display:flex;align-items:center;gap:6px}.gloss-grid__pagination-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;border:none;padding:0;cursor:pointer;transition:width .2s ease,background-color .2s ease}.gloss-grid__pagination-dot--active{width:20px;border-radius:4px;background:#4f46e5}.gloss-grid__pagination-chevron{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px}.gloss-grid__pagination-chevron:hover:not(:disabled){background:#f3f4f6;color:#111827}.gloss-grid__pagination-chevron--disabled{opacity:.3;cursor:default}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-rotate{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.gloss-tabbed-data-view .MuiTabs-indicator{display:none}.gloss-tabbed-data-view .MuiTab-root{display:flex;align-items:center;position:relative;background-color:transparent;border:1px solid transparent;border-bottom:none;border-radius:0;margin-bottom:0;margin-left:0;margin-right:4px;padding:8px 16px 8px 12px;box-shadow:none;text-transform:none;font-weight:500;font-size:.8rem;opacity:1;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.gloss-tabbed-data-view .MuiTab-root .MuiSvgIcon-root{margin-right:6px;font-size:14px;color:#9ca3af}.gloss-tabbed-data-view .MuiTab-root .tab-line-1{display:flex;align-items:center}.gloss-tabbed-data-view .MuiTab-root .tab-line-1 span{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.2;text-transform:capitalize;color:#6b7280;text-align:left;transition:color .15s ease}.gloss-tabbed-data-view .MuiTab-root .MuiTab-icon{position:relative;right:auto;top:auto;margin-left:12px}.gloss-tabbed-data-view .MuiTab-root .MuiTab-icon .MuiIconButton-root{color:#9ca3af;padding:2px}.gloss-tabbed-data-view .MuiTab-root .MuiTab-icon .MuiIconButton-root:hover{color:#111827;background-color:#0000000a}.gloss-tabbed-data-view .MuiTab-root .MuiTab-icon .MuiIconButton-root .MuiSvgIcon-root{font-size:14px}.gloss-tabbed-data-view .MuiTab-root:has(.MuiTab-icon){padding-right:0}.gloss-tabbed-data-view .MuiTab-root:hover{background-color:#f9fafb;border-radius:6px 6px 0 0}.gloss-tabbed-data-view .MuiTab-root:hover .tab-line-1 span{color:#374151}.gloss-tabbed-data-view .MuiTab-root:hover .MuiSvgIcon-root{color:#6b7280}.gloss-tabbed-data-view .MuiTab-root.Mui-selected{background-color:#fff;border:1px solid rgba(0,0,0,.06);border-bottom:1px solid #ffffff;box-shadow:0 -1px 3px #0000000d;border-radius:8px 8px 0 0;margin-bottom:-1px;z-index:10;padding:8px 8px 8px 16px}.gloss-tabbed-data-view .MuiTab-root.Mui-selected .MuiSvgIcon-root{color:#111827}.gloss-tabbed-data-view .MuiTab-root.Mui-selected .tab-line-1 span{font-weight:600;color:#374151}.gloss-tabbed-data-view .MuiTab-root.Mui-selected .MuiTab-icon .MuiIconButton-root{color:#6b7280}.gloss-tabbed-data-view .MuiTab-root.Mui-selected .MuiTab-icon .MuiIconButton-root:hover{color:#111827}.gloss-tabbed-data-view .MuiTab-root.Mui-selected:hover{background-color:#fff}.gloss-tabbed-data-view .MuiTabs-root .Mui-selected svg{fill:#111827;color:#111827}.gloss-tabbed-data-view .MuiTab-iconWrapper{margin-left:8px;margin-right:-4px}

package/index.d.ts

@@ -0,0 +1,80 @@
+export { Button } from './lib/Button';
+export type { ButtonProps, ButtonVariant } from './lib/Button';
+export { ButtonGroup, ButtonGroupContext } from './lib/ButtonGroup';
+export type { ButtonGroupProps, ButtonGroupContextValue } from './lib/ButtonGroup';
+export { Checkbox } from './lib/Checkbox';
+export type { CheckboxProps } from './lib/Checkbox';
+export { CheckboxGroup, GroupCheckbox, useCheckboxGroupContext } from './lib/CheckboxGroup';
+export type { CheckboxGroupProps, CheckboxGroupOption, CheckboxGroupContextValue, GroupCheckboxProps } from './lib/CheckboxGroup';
+export { Radio } from './lib/Radio';
+export type { RadioProps } from './lib/Radio';
+export { RadioGroup, GroupRadio, useRadioGroupContext } from './lib/RadioGroup';
+export type { RadioGroupProps, RadioGroupOption, RadioGroupContextValue, GroupRadioProps } from './lib/RadioGroup';
+export { Toggle } from './lib/Toggle';
+export type { ToggleProps } from './lib/Toggle';
+export { Link } from './lib/Link';
+export type { LinkProps, LinkVariant } from './lib/Link';
+export { SegmentedControl } from './lib/SegmentedControl';
+export type { SegmentedControlProps, SegmentedControlOption } from './lib/SegmentedControl';
+export { Slider } from './lib/Slider';
+export type { SliderProps, SliderMark } from './lib/Slider';
+export { RangeSlider } from './lib/RangeSlider';
+export type { RangeSliderProps } from './lib/RangeSlider';
+export { DatePicker } from './lib/DatePicker';
+export type { DatePickerProps } from './lib/DatePicker';
+export { TimePicker } from './lib/TimePicker';
+export type { TimePickerProps } from './lib/TimePicker';
+export { DateRangePicker } from './lib/DateRangePicker';
+export type { DateRangePickerProps, DateRange, DateRangePreset } from './lib/DateRangePicker';
+export { FileUpload } from './lib/FileUpload';
+export type { FileUploadProps, FileUploadFile } from './lib/FileUpload';
+export { ColorPicker } from './lib/ColorPicker';
+export type { ColorPickerProps, ColorFormat } from './lib/ColorPicker';
+export { Rating } from './lib/Rating';
+export type { RatingProps } from './lib/Rating';
+export { SplitButton } from './lib/SplitButton';
+export type { SplitButtonProps, SplitButtonMenuItem } from './lib/SplitButton';
+export { Tooltip } from './lib/Tooltip';
+export type { TooltipProps, TooltipPlacement, TooltipVariant, TooltipTrigger } from './lib/Tooltip';
+export { Input } from './lib/Input';
+export type { InputProps } from './lib/Input';
+export { Textarea } from './lib/Textarea';
+export type { TextareaProps } from './lib/Textarea';
+export { NumberInput } from './lib/NumberInput';
+export type { NumberInputProps } from './lib/NumberInput';
+export { InputGroup, InputAddon } from './lib/InputGroup';
+export type { InputGroupProps, InputAddonProps } from './lib/InputGroup';
+export { MaskedInput, MaskPresets } from './lib/MaskedInput';
+export type { MaskedInputProps, MaskConfig, MaskPresetName } from './lib/MaskedInput';
+export { Select } from './lib/Select';
+export type { SelectProps, SelectOption, SelectOptionGroup, SelectTriggerRenderProps, SelectOptionRenderProps, } from './lib/Select';
+export { Card, CardMedia, CardHeader, CardTitle, CardSubtitle, CardBody, CardActions, CardFooter, } from './lib/Card';
+export type { CardProps, CardVariant, CardSize, CardPadding, CardMediaProps, CardHeaderProps, CardTitleProps, CardSubtitleProps, CardBodyProps, CardActionsProps, CardFooterProps, } from './lib/Card';
+export { Badge } from './lib/Badge';
+export type { BadgeProps, BadgeVariant, BadgeSize } from './lib/Badge';
+export { Chip } from './lib/Chip';
+export type { ChipProps, ChipVariant, ChipColor, ChipSize } from './lib/Chip';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './lib/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionShowCount, } from './lib/Accordion';
+export { Menu, MenuGroup, MenuItem, MenuDivider, } from './lib/Menu';
+export type { MenuProps, MenuGroupProps, MenuItemProps, MenuDividerProps, MenuLevel, } from './lib/Menu';
+export { Dropdown } from './lib/Dropdown';
+export type { DropdownProps, DropdownItem } from './lib/Dropdown';
+export { AsyncLoader } from './lib/AsyncLoader';
+export type { AsyncLoaderProps } from './lib/AsyncLoader';
+export { Transition, TransitionGroup } from './lib/Transition';
+export type { TransitionProps, TransitionGroupProps } from './lib/Transition';
+export { Form, useFormContext } from './lib/Form';
+export type { FormProps, FormContextValue, FormErrors, FormTouched } from './lib/Form';
+export { FormField } from './lib/FormField';
+export type { FormFieldProps } from './lib/FormField';
+export { PaymentMethodSelect, AddressSelect, SearchInput, PasswordInput, TagInput, PhoneInput, } from './lib/composed';
+export type { PaymentMethodSelectProps, PaymentMethod, CardType, AddressSelectProps, Address, SearchInputProps, SearchSuggestion, PasswordInputProps, PasswordStrength, PasswordStrengthRule, TagInputProps, PhoneInputProps, Country, } from './lib/composed';
+export { useFocusTrap, useFocusReturn, useArrowNavigation, } from './lib/hooks';
+export type { UseFocusTrapOptions, UseFocusReturnOptions, UseArrowNavigationOptions, UseArrowNavigationReturn, } from './lib/hooks';
+export { durations, easings, presets, getTransitionStyle, interpolate, parseNumericValue, } from './lib/utils/animations';
+export type { AnimationDuration, AnimationEasing, AnimationPreset, AnimationPresetName, } from './lib/utils/animations';
+export type { IconValue, IconSlotProps } from './lib/types/icon';
+export { LoginForm, loginFormMetadata, loginSchema, AddressGroup, addressGroupMetadata, addressSchema, CreditCardForm, creditCardFormMetadata, creditCardSchema, DestructiveModal, destructiveModalMetadata, } from './lib/patterns';
+export type { LoginFormProps, AddressGroupProps, CreditCardFormProps, DestructiveModalProps, PatternMetadata, PatternPropDefinition, PatternCategory, PatternRecord, } from './lib/patterns';
+export * from './lib/dashboard';