@cladd-ui/react 0.9.0 → 0.10.0
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/CHANGELOG.md +28 -0
- package/calendar/Calendar.d.ts +21 -0
- package/calendar/Calendar.d.ts.map +1 -0
- package/calendar/Calendar.js +158 -0
- package/calendar/Calendar.js.map +1 -0
- package/calendar/CalendarIcon.d.ts +2 -0
- package/calendar/CalendarIcon.d.ts.map +1 -0
- package/calendar/CalendarIcon.js +5 -0
- package/calendar/CalendarIcon.js.map +1 -0
- package/calendar/DatePicker.d.ts +91 -0
- package/calendar/DatePicker.d.ts.map +1 -0
- package/calendar/DatePicker.js +79 -0
- package/calendar/DatePicker.js.map +1 -0
- package/calendar/index.d.ts +4 -0
- package/calendar/index.d.ts.map +1 -0
- package/calendar/index.js +3 -0
- package/calendar/index.js.map +1 -0
- package/components/AccordionContext.d.ts +22 -0
- package/components/AccordionContext.d.ts.map +1 -0
- package/components/AccordionContext.js +14 -0
- package/components/AccordionContext.js.map +1 -0
- package/components/AccordionItem.d.ts +27 -0
- package/components/AccordionItem.d.ts.map +1 -0
- package/components/AccordionItem.js +36 -0
- package/components/AccordionItem.js.map +1 -0
- package/components/AccordionRoot.d.ts +47 -0
- package/components/AccordionRoot.d.ts.map +1 -0
- package/components/AccordionRoot.js +53 -0
- package/components/AccordionRoot.js.map +1 -0
- package/components/Button.js +2 -2
- package/components/Button.js.map +1 -1
- package/components/Checkbox.js +2 -2
- package/components/Checkbox.js.map +1 -1
- package/components/CollapsibleContext.d.ts +36 -0
- package/components/CollapsibleContext.d.ts.map +1 -0
- package/components/CollapsibleContext.js +24 -0
- package/components/CollapsibleContext.js.map +1 -0
- package/components/CollapsibleIndicator.d.ts +45 -0
- package/components/CollapsibleIndicator.d.ts.map +1 -0
- package/components/CollapsibleIndicator.js +34 -0
- package/components/CollapsibleIndicator.js.map +1 -0
- package/components/CollapsiblePanel.d.ts +35 -0
- package/components/CollapsiblePanel.d.ts.map +1 -0
- package/components/CollapsiblePanel.js +104 -0
- package/components/CollapsiblePanel.js.map +1 -0
- package/components/CollapsibleRoot.d.ts +35 -0
- package/components/CollapsibleRoot.d.ts.map +1 -0
- package/components/CollapsibleRoot.js +43 -0
- package/components/CollapsibleRoot.js.map +1 -0
- package/components/CollapsibleTrigger.d.ts +21 -0
- package/components/CollapsibleTrigger.d.ts.map +1 -0
- package/components/CollapsibleTrigger.js +36 -0
- package/components/CollapsibleTrigger.js.map +1 -0
- package/components/ColorEditor.d.ts +84 -0
- package/components/ColorEditor.d.ts.map +1 -0
- package/components/ColorEditor.js +517 -0
- package/components/ColorEditor.js.map +1 -0
- package/components/ColorPicker.d.ts +127 -0
- package/components/ColorPicker.d.ts.map +1 -0
- package/components/ColorPicker.js +136 -0
- package/components/ColorPicker.js.map +1 -0
- package/components/{FocusableLayer.d.ts → FocusRing.d.ts} +2 -2
- package/components/FocusRing.d.ts.map +1 -0
- package/components/{FocusableLayer.js → FocusRing.js} +2 -2
- package/components/FocusRing.js.map +1 -0
- package/components/Input.d.ts +2 -0
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +4 -4
- package/components/Input.js.map +1 -1
- package/components/Link.js +2 -2
- package/components/Link.js.map +1 -1
- package/components/NumberScrubber.d.ts +2 -0
- package/components/NumberScrubber.d.ts.map +1 -1
- package/components/NumberScrubber.js +3 -3
- package/components/NumberScrubber.js.map +1 -1
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js +2 -2
- package/components/OTPField.js.map +1 -1
- package/components/Popover.d.ts.map +1 -1
- package/components/Popover.js +7 -1
- package/components/Popover.js.map +1 -1
- package/components/Radio.js +2 -2
- package/components/Radio.js.map +1 -1
- package/components/Segmented.js +2 -2
- package/components/Segmented.js.map +1 -1
- package/components/Select.d.ts +2 -0
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +5 -5
- package/components/Select.js.map +1 -1
- package/components/Slider.d.ts +34 -3
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +27 -14
- package/components/Slider.js.map +1 -1
- package/components/Switch.js +2 -2
- package/components/Switch.js.map +1 -1
- package/components/Tab.d.ts +19 -0
- package/components/Tab.d.ts.map +1 -0
- package/components/Tab.js +22 -0
- package/components/Tab.js.map +1 -0
- package/components/TabPanel.d.ts +31 -0
- package/components/TabPanel.d.ts.map +1 -0
- package/components/TabPanel.js +19 -0
- package/components/TabPanel.js.map +1 -0
- package/components/Tabs.d.ts +33 -0
- package/components/Tabs.d.ts.map +1 -0
- package/components/Tabs.js +36 -0
- package/components/Tabs.js.map +1 -0
- package/components/TabsContext.d.ts +25 -0
- package/components/TabsContext.d.ts.map +1 -0
- package/components/TabsContext.js +18 -0
- package/components/TabsContext.js.map +1 -0
- package/components/TabsList.d.ts +12 -0
- package/components/TabsList.d.ts.map +1 -0
- package/components/TabsList.js +52 -0
- package/components/TabsList.js.map +1 -0
- package/components/Textarea.d.ts +2 -0
- package/components/Textarea.d.ts.map +1 -1
- package/components/Textarea.js +3 -3
- package/components/Textarea.js.map +1 -1
- package/components/ThemeContext.d.ts +26 -0
- package/components/ThemeContext.d.ts.map +1 -1
- package/components/ThemeContext.js.map +1 -1
- package/components/ToggleButton.d.ts +44 -0
- package/components/ToggleButton.d.ts.map +1 -0
- package/components/ToggleButton.js +66 -0
- package/components/ToggleButton.js.map +1 -0
- package/components/ToggleGroup.d.ts +50 -0
- package/components/ToggleGroup.d.ts.map +1 -0
- package/components/ToggleGroup.js +57 -0
- package/components/ToggleGroup.js.map +1 -0
- package/components/ToggleGroupContext.d.ts +31 -0
- package/components/ToggleGroupContext.d.ts.map +1 -0
- package/components/ToggleGroupContext.js +14 -0
- package/components/ToggleGroupContext.js.map +1 -0
- package/components/icons/ArrowLeftIcon.d.ts +2 -0
- package/components/icons/ArrowLeftIcon.d.ts.map +1 -0
- package/components/icons/ArrowLeftIcon.js +5 -0
- package/components/icons/ArrowLeftIcon.js.map +1 -0
- package/components/icons/ChevronLeftIcon.d.ts +2 -0
- package/components/icons/ChevronLeftIcon.d.ts.map +1 -0
- package/components/icons/ChevronLeftIcon.js +5 -0
- package/components/icons/ChevronLeftIcon.js.map +1 -0
- package/components/icons/FlipIcon.d.ts +2 -0
- package/components/icons/FlipIcon.d.ts.map +1 -0
- package/components/icons/FlipIcon.js +5 -0
- package/components/icons/FlipIcon.js.map +1 -0
- package/components/icons/GradientColorIcon.d.ts +2 -0
- package/components/icons/GradientColorIcon.d.ts.map +1 -0
- package/components/icons/GradientColorIcon.js +5 -0
- package/components/icons/GradientColorIcon.js.map +1 -0
- package/components/icons/SolidColorIcon.d.ts +2 -0
- package/components/icons/SolidColorIcon.d.ts.map +1 -0
- package/components/icons/SolidColorIcon.js +5 -0
- package/components/icons/SolidColorIcon.js.map +1 -0
- package/index.d.ts +20 -1
- package/index.d.ts.map +1 -1
- package/index.js +18 -0
- package/index.js.map +1 -1
- package/package.json +11 -1
- package/shared/color.d.ts +122 -0
- package/shared/color.d.ts.map +1 -0
- package/shared/color.js +319 -0
- package/shared/color.js.map +1 -0
- package/styles/colors.css +4 -4
- package/components/FocusableLayer.d.ts.map +0 -1
- package/components/FocusableLayer.js.map +0 -1
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ElementType, MouseEvent } from 'react';
|
|
2
|
+
import { Color } from '../types.js';
|
|
3
|
+
import { SegmentedButtonProps } from './SegmentedButton.js';
|
|
4
|
+
import { SurfaceVariant } from './Surface.js';
|
|
5
|
+
interface ToggleButtonOwnProps {
|
|
6
|
+
/**
|
|
7
|
+
* Identifies this button inside a `ToggleGroup` - matched against the group's selection.
|
|
8
|
+
*
|
|
9
|
+
* Omit when using the button standalone.
|
|
10
|
+
*/
|
|
11
|
+
value?: string;
|
|
12
|
+
/** Controlled pressed state for **standalone** use. Ignored inside a `ToggleGroup`. */
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
/** Initial pressed state for **standalone** use (uncontrolled). Ignored inside a `ToggleGroup`. */
|
|
15
|
+
defaultSelected?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Fires with the next pressed state on click. Standalone only - inside a `ToggleGroup` use the group's `onValueChange` instead.
|
|
18
|
+
*/
|
|
19
|
+
onChange?: (selected: boolean, event: MouseEvent) => void;
|
|
20
|
+
/** Accent color applied while **pressed**. Default: theme accent (or the group's `activeColor`). */
|
|
21
|
+
activeColor?: Color;
|
|
22
|
+
/** `Surface` variant applied while **pressed**. Default `'gradient'`. */
|
|
23
|
+
activeVariant?: SurfaceVariant;
|
|
24
|
+
/** Outline ring while **pressed**. Default `true`. */
|
|
25
|
+
activeOutline?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export type ToggleButtonProps<C extends ElementType = 'button'> = ToggleButtonOwnProps & Omit<SegmentedButtonProps<C>, 'active' | keyof ToggleButtonOwnProps>;
|
|
28
|
+
/** Shape of `ToggleButton` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
29
|
+
export type ToggleButtonDefaultProps = Partial<Omit<ToggleButtonProps, 'as' | 'ref' | 'children' | 'value' | 'selected' | 'defaultSelected'>>;
|
|
30
|
+
/**
|
|
31
|
+
* A two-state (pressed / not) button. Looks like a single `SegmentedButton` -
|
|
32
|
+
* transparent when idle, accent gradient when pressed - and exposes
|
|
33
|
+
* `aria-pressed`.
|
|
34
|
+
*
|
|
35
|
+
* Works both ways:
|
|
36
|
+
* - **Inside a `ToggleGroup`**: identify it with `value`; the group owns the
|
|
37
|
+
* selection and the button derives its pressed state and styling from it.
|
|
38
|
+
* - **Standalone**: owns its own state (controlled via `selected`/`onChange` or
|
|
39
|
+
* uncontrolled via `defaultSelected`) - handy for toolbar controls like
|
|
40
|
+
* bold/italic/pin.
|
|
41
|
+
*/
|
|
42
|
+
export declare const ToggleButton: <C extends ElementType = "button">(props: ToggleButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export {};
|
|
44
|
+
//# sourceMappingURL=ToggleButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAM,UAAU,EAAY,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAK1E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAI3C,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1D,oGAAoG;IACpG,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,yEAAyE;IACzE,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC5D,oBAAoB,GAClB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,oBAAoB,CAAC,CAAC;AAEzE,mGAAmG;AACnG,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,IAAI,CACF,iBAAiB,EACjB,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,CACrE,CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAC3D,OAAO,iBAAiB,CAAC,CAAC,CAAC,4CAyE5B,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { useAccentColor } from '../hooks/use-accent-color.js';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
5
|
+
import { SegmentedButton } from './SegmentedButton.js';
|
|
6
|
+
import { SegmentedContextProvider, useSegmentedContext, } from './SegmentedContext.js';
|
|
7
|
+
import { useToggleGroupContext } from './ToggleGroupContext.js';
|
|
8
|
+
import { useToolbarContext } from './ToolbarContext.js';
|
|
9
|
+
/**
|
|
10
|
+
* A two-state (pressed / not) button. Looks like a single `SegmentedButton` -
|
|
11
|
+
* transparent when idle, accent gradient when pressed - and exposes
|
|
12
|
+
* `aria-pressed`.
|
|
13
|
+
*
|
|
14
|
+
* Works both ways:
|
|
15
|
+
* - **Inside a `ToggleGroup`**: identify it with `value`; the group owns the
|
|
16
|
+
* selection and the button derives its pressed state and styling from it.
|
|
17
|
+
* - **Standalone**: owns its own state (controlled via `selected`/`onChange` or
|
|
18
|
+
* uncontrolled via `defaultSelected`) - handy for toolbar controls like
|
|
19
|
+
* bold/italic/pin.
|
|
20
|
+
*/
|
|
21
|
+
export const ToggleButton = (props) => {
|
|
22
|
+
const accentColor = useAccentColor();
|
|
23
|
+
const { size: toolbarSize, rounded: toolbarRounded } = useToolbarContext();
|
|
24
|
+
const group = useToggleGroupContext();
|
|
25
|
+
const seg = useSegmentedContext();
|
|
26
|
+
const { value, selected: selectedProp, defaultSelected = false, onChange, activeColor, activeVariant, activeOutline, color, variant, outline, size, rounded, onClick, ...rest } = useComponentDefaults('ToggleButton', props);
|
|
27
|
+
const [internalSelected, setInternalSelected] = useState(defaultSelected);
|
|
28
|
+
const selected = group
|
|
29
|
+
? group.multiple
|
|
30
|
+
? Array.isArray(group.value) &&
|
|
31
|
+
value != null &&
|
|
32
|
+
group.value.includes(value)
|
|
33
|
+
: group.value === value
|
|
34
|
+
: selectedProp !== undefined
|
|
35
|
+
? selectedProp
|
|
36
|
+
: internalSelected;
|
|
37
|
+
// Resolve styling from this button's props, then the surrounding `Segmented`
|
|
38
|
+
// (set up by `ToggleGroup`), then toggle defaults. Routed through context -
|
|
39
|
+
// not passed to `SegmentedButton` directly - so its active/inactive switch
|
|
40
|
+
// keeps working (props passed to it would override the context-derived look).
|
|
41
|
+
const styling = {
|
|
42
|
+
size: size ?? seg.size ?? toolbarSize ?? 'md',
|
|
43
|
+
rounded: rounded ?? seg.rounded ?? toolbarRounded ?? true,
|
|
44
|
+
color: color ?? seg.color ?? '',
|
|
45
|
+
variant: variant ?? seg.variant ?? 'transparent',
|
|
46
|
+
outline: outline ?? seg.outline ?? false,
|
|
47
|
+
activeColor: activeColor ?? seg.activeColor ?? accentColor,
|
|
48
|
+
activeVariant: activeVariant ?? seg.activeVariant ?? 'gradient',
|
|
49
|
+
activeOutline: activeOutline ?? seg.activeOutline ?? true,
|
|
50
|
+
};
|
|
51
|
+
const SegmentedButtonEl = SegmentedButton;
|
|
52
|
+
return (_jsx(SegmentedContextProvider, { value: styling, children: _jsx(SegmentedButtonEl, { ...rest, active: selected, readOnly: false, "aria-pressed": selected, "data-value": value, onClick: (e) => {
|
|
53
|
+
onClick?.(e);
|
|
54
|
+
if (group) {
|
|
55
|
+
if (value != null)
|
|
56
|
+
group.toggleValue(value);
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
const next = !selected;
|
|
60
|
+
if (selectedProp === undefined)
|
|
61
|
+
setInternalSelected(next);
|
|
62
|
+
onChange?.(next, e);
|
|
63
|
+
}
|
|
64
|
+
} }) }));
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/ToggleButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { SegmentedProps } from './Segmented.js';
|
|
3
|
+
interface ToggleGroupOwnProps {
|
|
4
|
+
/**
|
|
5
|
+
* Controlled selection. A single value in single-select mode, an array when `multiple`.
|
|
6
|
+
*
|
|
7
|
+
* When provided, internal state is bypassed.
|
|
8
|
+
*/
|
|
9
|
+
value?: string | string[];
|
|
10
|
+
/** Initial selection (uncontrolled). Ignored when `value` is provided. */
|
|
11
|
+
defaultValue?: string | string[];
|
|
12
|
+
/**
|
|
13
|
+
* Fires whenever the selection changes.
|
|
14
|
+
*
|
|
15
|
+
* Receives a single value (or `undefined` when nothing is selected) in single-select mode, or the full array in `multiple` mode.
|
|
16
|
+
*/
|
|
17
|
+
onValueChange?: (value: string | string[] | undefined) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Allow more than one selected value. Selection becomes an array and every `ToggleButton` toggles independently. Default `false`.
|
|
20
|
+
*/
|
|
21
|
+
multiple?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export type ToggleGroupProps<C extends ElementType = 'div'> = ToggleGroupOwnProps & Omit<SegmentedProps<C>, keyof ToggleGroupOwnProps>;
|
|
24
|
+
/** Shape of `ToggleGroup` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
25
|
+
export type ToggleGroupDefaultProps = Partial<Omit<ToggleGroupProps, 'as' | 'ref' | 'children' | 'value' | 'defaultValue' | 'onValueChange'>>;
|
|
26
|
+
/**
|
|
27
|
+
* A group of `ToggleButton`s that owns the selected value(s) - the
|
|
28
|
+
* self-managing counterpart to wiring `Segmented`/`SegmentedButton` by hand.
|
|
29
|
+
* Renders a `Segmented` (so it inherits the full segmented look and all its
|
|
30
|
+
* `color`/`variant`/`active*` knobs) and publishes the selection to its
|
|
31
|
+
* children through context.
|
|
32
|
+
*
|
|
33
|
+
* Unlike `Segmented`, the active button stays pressable: clicking it deselects
|
|
34
|
+
* (single mode collapses to no selection, `multiple` removes it from the set).
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* <ToggleGroup defaultValue="grid" activeColor="neutral">
|
|
38
|
+
* <ToggleButton value="grid">Grid</ToggleButton>
|
|
39
|
+
* <ToggleButton value="list">List</ToggleButton>
|
|
40
|
+
* </ToggleGroup>
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* <ToggleGroup multiple defaultValue={['bold']}>
|
|
44
|
+
* <ToggleButton value="bold">Bold</ToggleButton>
|
|
45
|
+
* <ToggleButton value="italic">Italic</ToggleButton>
|
|
46
|
+
* </ToggleGroup>
|
|
47
|
+
*/
|
|
48
|
+
export declare const ToggleGroup: <C extends ElementType = "div">(props: ToggleGroupProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export {};
|
|
50
|
+
//# sourceMappingURL=ToggleGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACxD,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAE3E,kGAAkG;AAClG,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,IAAI,CACF,gBAAgB,EAChB,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACvE,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACvD,OAAO,gBAAgB,CAAC,CAAC,CAAC,4CA+C3B,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
|
+
import { Segmented } from './Segmented.js';
|
|
5
|
+
import { ToggleGroupContextProvider } from './ToggleGroupContext.js';
|
|
6
|
+
/**
|
|
7
|
+
* A group of `ToggleButton`s that owns the selected value(s) - the
|
|
8
|
+
* self-managing counterpart to wiring `Segmented`/`SegmentedButton` by hand.
|
|
9
|
+
* Renders a `Segmented` (so it inherits the full segmented look and all its
|
|
10
|
+
* `color`/`variant`/`active*` knobs) and publishes the selection to its
|
|
11
|
+
* children through context.
|
|
12
|
+
*
|
|
13
|
+
* Unlike `Segmented`, the active button stays pressable: clicking it deselects
|
|
14
|
+
* (single mode collapses to no selection, `multiple` removes it from the set).
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <ToggleGroup defaultValue="grid" activeColor="neutral">
|
|
18
|
+
* <ToggleButton value="grid">Grid</ToggleButton>
|
|
19
|
+
* <ToggleButton value="list">List</ToggleButton>
|
|
20
|
+
* </ToggleGroup>
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* <ToggleGroup multiple defaultValue={['bold']}>
|
|
24
|
+
* <ToggleButton value="bold">Bold</ToggleButton>
|
|
25
|
+
* <ToggleButton value="italic">Italic</ToggleButton>
|
|
26
|
+
* </ToggleGroup>
|
|
27
|
+
*/
|
|
28
|
+
export const ToggleGroup = (props) => {
|
|
29
|
+
const { value: valueProp, defaultValue, onValueChange, multiple = false, children, ...segmentedProps } = useComponentDefaults('ToggleGroup', props);
|
|
30
|
+
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
31
|
+
// Controlled when the `value` prop is supplied at all - not when it's
|
|
32
|
+
// currently defined. An empty selection is `undefined`, a valid value, so
|
|
33
|
+
// inferring from `valueProp !== undefined` would flip the group to
|
|
34
|
+
// uncontrolled whenever the selection clears and resurface stale state.
|
|
35
|
+
const isControlled = 'value' in props;
|
|
36
|
+
const value = isControlled ? valueProp : internalValue;
|
|
37
|
+
const setValue = (next) => {
|
|
38
|
+
if (!isControlled)
|
|
39
|
+
setInternalValue(next);
|
|
40
|
+
onValueChange?.(next);
|
|
41
|
+
};
|
|
42
|
+
const toggleValue = (itemValue) => {
|
|
43
|
+
if (multiple) {
|
|
44
|
+
const arr = Array.isArray(value) ? value : value != null ? [value] : [];
|
|
45
|
+
setValue(arr.includes(itemValue)
|
|
46
|
+
? arr.filter((v) => v !== itemValue)
|
|
47
|
+
: [...arr, itemValue]);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
const current = Array.isArray(value) ? value[0] : value;
|
|
51
|
+
setValue(current === itemValue ? undefined : itemValue);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
const SegmentedEl = Segmented;
|
|
55
|
+
return (_jsx(SegmentedEl, { ...segmentedProps, children: _jsx(ToggleGroupContextProvider, { value: { value, multiple, toggleValue }, children: children }) }));
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=ToggleGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAkClE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAA0B,EAC1B,EAAE;IACF,MAAM,EACJ,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,cAAc,EAClB,GAAG,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAqB,CAAC;IAEnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,sEAAsE;IACtE,0EAA0E;IAC1E,mEAAmE;IACnE,wEAAwE;IACxE,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,CAAC;IACtC,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,MAAM,QAAQ,GAAG,CAAC,IAAmC,EAAE,EAAE;QACvD,IAAI,CAAC,YAAY;YAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC1C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;QACxC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,QAAQ,CACN,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACrB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC;gBACpC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,CAAC,CACxB,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACxD,QAAQ,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,SAA+B,CAAC;IAEpD,OAAO,CACL,KAAC,WAAW,OAAK,cAAc,YAC7B,KAAC,0BAA0B,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAChE,QAAQ,GACkB,GACjB,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Selection state published by `ToggleGroup` to its descendant `ToggleButton`s.
|
|
4
|
+
* Each reads it via `useToggleGroupContext()` to derive its pressed state and to
|
|
5
|
+
* toggle itself on click.
|
|
6
|
+
*/
|
|
7
|
+
interface ToggleGroupContextValue {
|
|
8
|
+
/**
|
|
9
|
+
* Current selection. A single value (or `undefined`) in single-select mode, an array in `multiple` mode.
|
|
10
|
+
*/
|
|
11
|
+
value: string | string[] | undefined;
|
|
12
|
+
/** Whether the group allows more than one selected value at a time. */
|
|
13
|
+
multiple: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Toggle a value's membership in the selection.
|
|
16
|
+
*
|
|
17
|
+
* In single mode, re-toggling the active value clears the selection; in `multiple` mode it adds/removes.
|
|
18
|
+
*/
|
|
19
|
+
toggleValue: (value: string) => void;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Returns the surrounding `ToggleGroup`'s selection state, or `null` when a
|
|
23
|
+
* `ToggleButton` is used standalone (outside any group).
|
|
24
|
+
*/
|
|
25
|
+
export declare function useToggleGroupContext(): ToggleGroupContextValue | null;
|
|
26
|
+
export declare function ToggleGroupContextProvider(props: {
|
|
27
|
+
value: ToggleGroupContextValue;
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=ToggleGroupContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AACH,UAAU,uBAAuB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,uEAAuE;IACvE,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAID;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE;IAChD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
const ToggleGroupContext = createContext(null);
|
|
4
|
+
/**
|
|
5
|
+
* Returns the surrounding `ToggleGroup`'s selection state, or `null` when a
|
|
6
|
+
* `ToggleButton` is used standalone (outside any group).
|
|
7
|
+
*/
|
|
8
|
+
export function useToggleGroupContext() {
|
|
9
|
+
return useContext(ToggleGroupContext);
|
|
10
|
+
}
|
|
11
|
+
export function ToggleGroupContextProvider(props) {
|
|
12
|
+
return (_jsx(ToggleGroupContext.Provider, { value: props.value, children: props.children }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=ToggleGroupContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroupContext.js","sourceRoot":"","sources":["../../../src/components/ToggleGroupContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAsB7D,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,KAG1C;IACC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YAC5C,KAAK,CAAC,QAAQ,GACa,CAC/B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ArrowLeftIcon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAejE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function ArrowLeftIcon(props) {
|
|
3
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", ...props, children: _jsxs("g", { fill: "currentColor", fillRule: "evenodd", children: [_jsx("path", { d: "M13.556 8.667H2.666a.667.667 0 0 1 0-1.334h10.89a.667.667 0 0 1 0 1.334" }), _jsx("path", { d: "M6.222 12.444a.66.66 0 0 1-.47-.195L1.972 8.47a.667.667 0 0 1 0-.943l3.778-3.777a.667.667 0 1 1 .943.943L3.388 8.001l3.306 3.307a.667.667 0 0 1-.47 1.138z" })] }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=ArrowLeftIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowLeftIcon.js","sourceRoot":"","sources":["../../../../src/components/icons/ArrowLeftIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,aAAa,CAAC,KAAoC;IAChE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,KACf,KAAK,YAET,aAAG,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,aACvC,eAAM,CAAC,EAAC,yEAAyE,GAAG,EACpF,eAAM,CAAC,EAAC,4JAA4J,GAAG,IACrK,GACA,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronLeftIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ChevronLeftIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAgBnE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export const ChevronLeftIcon = (props) => {
|
|
3
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M10.222 14.222a.66.66 0 0 1-.471-.195L4.195 8.47a.667.667 0 0 1 0-.943l5.556-5.555a.667.667 0 1 1 .943.943L5.61 8.001l5.084 5.084a.667.667 0 0 1-.471 1.139z" }) }));
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=ChevronLeftIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronLeftIcon.js","sourceRoot":"","sources":["../../../../src/components/icons/ChevronLeftIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAoC,EAAE,EAAE;IACtE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8JAA8J,GAChK,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlipIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/FlipIcon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAgB5D"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function FlipIcon(props) {
|
|
3
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", ...props, children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "m1.493 10.011.036-.038-.08.097a.7.7 0 0 0-.112.308l-.004.066v.026l.004.04-.004-.066a.67.67 0 0 0 .196.472l2.889 2.889a.667.667 0 0 0 .942-.943l-1.75-1.75H9.11a.667.667 0 1 0 0-1.334H3.61l1.75-1.751a.667.667 0 0 0-.942-.943l-2.89 2.889zm10.09-1.095 2.888-2.889.056-.063a.67.67 0 0 0 .14-.408v-.027l-.004-.04.004.067a.67.67 0 0 0-.196-.472l-2.888-2.889a.667.667 0 0 0-.943.943l1.752 1.75H6.889a.667.667 0 0 0 0 1.334h5.501l-1.75 1.751a.667.667 0 0 0 .943.943" }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=FlipIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlipIcon.js","sourceRoot":"","sources":["../../../../src/components/icons/FlipIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,QAAQ,CAAC,KAAoC;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,KACf,KAAK,YAET,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0cAA0c,GAC5c,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientColorIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/GradientColorIcon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAqHrE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function GradientColorIcon(props) {
|
|
3
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", ...props, children: _jsxs("g", { fill: "currentColor", fillRule: "evenodd", children: [_jsx("path", { fillRule: "nonzero", d: "M15.111 8A7.111 7.111 0 1 1 .89 8 7.111 7.111 0 0 1 15.11 8M2.222 8a5.778 5.778 0 1 0 11.556 0A5.778 5.778 0 0 0 2.222 8" }), _jsx("rect", { width: "1.5", height: "1.5", x: "5", y: "3.5", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "7.25", y: "3.5", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "9.5", y: "3.5", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "5", y: "6", fillOpacity: ".75", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "7.25", y: "6", fillOpacity: ".75", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "9.5", y: "6", fillOpacity: ".75", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "11.75", y: "6", fillOpacity: ".75", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "11.75", y: "8.5", fillOpacity: ".66", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "2.75", y: "6", fillOpacity: ".75", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "2.75", y: "8.5", fillOpacity: ".66", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "5", y: "8.5", fillOpacity: ".66", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "7.25", y: "8.5", fillOpacity: ".66", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "9.5", y: "8.5", fillOpacity: ".66", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "5", y: "11", fillOpacity: ".33", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "7.25", y: "11", fillOpacity: ".33", rx: ".75" }), _jsx("rect", { width: "1.5", height: "1.5", x: "9.5", y: "11", fillOpacity: ".33", rx: ".75" })] }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=GradientColorIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientColorIcon.js","sourceRoot":"","sources":["../../../../src/components/icons/GradientColorIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SolidColorIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/SolidColorIcon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAgBlE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function SolidColorIcon(props) {
|
|
3
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", ...props, children: _jsx("path", { fill: "currentColor", fillRule: "nonzero", d: "M15.111 8A7.111 7.111 0 1 1 .89 8 7.111 7.111 0 0 1 15.11 8M2.222 8a5.778 5.778 0 1 0 11.556 0A5.778 5.778 0 0 0 2.222 8" }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=SolidColorIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SolidColorIcon.js","sourceRoot":"","sources":["../../../../src/components/icons/SolidColorIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,cAAc,CAAC,KAAoC;IACjE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,KACf,KAAK,YAET,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0HAA0H,GAC5H,GACE,CACP,CAAC;AACJ,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export { useTheme } from './hooks/use-theme.js';
|
|
|
5
5
|
export { useComponentDefaults } from './hooks/use-component-defaults.js';
|
|
6
6
|
export { useToast, type UseToastOptions } from './hooks/use-toast.js';
|
|
7
7
|
export { useAccentColor } from './hooks/use-accent-color.js';
|
|
8
|
+
export { useCollapsibleContext, type CollapsibleContextValue, } from './components/CollapsibleContext.js';
|
|
8
9
|
export { type Color } from './types.js';
|
|
9
10
|
export { cn } from './shared/cn.js';
|
|
10
11
|
export { nextTick } from './shared/next-tick.js';
|
|
@@ -12,11 +13,23 @@ export { CloseIcon } from './components/icons/CloseIcon.js';
|
|
|
12
13
|
export { SearchIcon } from './components/icons/SearchIcon.js';
|
|
13
14
|
export { DropdownIcon } from './components/icons/DropdownIcon.js';
|
|
14
15
|
export { CheckIcon } from './components/icons/CheckIcon.js';
|
|
16
|
+
export { AccordionRoot, type AccordionRootProps, type AccordionRootDefaultProps, } from './components/AccordionRoot.js';
|
|
17
|
+
export { AccordionItem, type AccordionItemProps, type AccordionItemDefaultProps, } from './components/AccordionItem.js';
|
|
18
|
+
export { CollapsibleTrigger as AccordionTrigger, type CollapsibleTriggerProps as AccordionTriggerProps, } from './components/CollapsibleTrigger.js';
|
|
19
|
+
export { CollapsiblePanel as AccordionPanel, type CollapsiblePanelProps as AccordionPanelProps, type CollapsiblePanelDefaultProps as AccordionPanelDefaultProps, } from './components/CollapsiblePanel.js';
|
|
20
|
+
export { CollapsibleIndicator as AccordionIndicator, type CollapsibleIndicatorProps as AccordionIndicatorProps, type CollapsibleIndicatorState as AccordionIndicatorState, } from './components/CollapsibleIndicator.js';
|
|
15
21
|
export { Backdrop, type BackdropProps, type BackdropDefaultProps, } from './components/Backdrop.js';
|
|
16
22
|
export { Button, type ButtonProps, type ButtonSize, type ButtonDefaultProps, } from './components/Button.js';
|
|
17
23
|
export { type ComponentDefaults } from './components/ThemeContext.js';
|
|
18
24
|
export { Checkbox, type CheckboxProps, type CheckboxSize, type CheckboxDefaultProps, } from './components/Checkbox.js';
|
|
19
25
|
export { Chip, type ChipProps, type ChipSize, type ChipDefaultProps, } from './components/Chip.js';
|
|
26
|
+
export { ColorEditor, type ColorEditorProps, type ColorEditorControlSize, type ColorEditorFormat, type ColorEditorDefaultProps, } from './components/ColorEditor.js';
|
|
27
|
+
export { ColorPicker, type ColorPickerProps, type ColorPickerDefaultProps, } from './components/ColorPicker.js';
|
|
28
|
+
export { type ColorValue, type ColorInput, type RGB, type HSL, type HSB, type SolidValue, type GradientValue, type GradientStop, type GradientStopInput, type GradientInput, type ColorEditorValue, } from './shared/color.js';
|
|
29
|
+
export { CollapsibleRoot, type CollapsibleRootProps, type CollapsibleRootDefaultProps, } from './components/CollapsibleRoot.js';
|
|
30
|
+
export { CollapsibleTrigger, type CollapsibleTriggerProps, } from './components/CollapsibleTrigger.js';
|
|
31
|
+
export { CollapsiblePanel, type CollapsiblePanelProps, type CollapsiblePanelDefaultProps, } from './components/CollapsiblePanel.js';
|
|
32
|
+
export { CollapsibleIndicator, type CollapsibleIndicatorProps, type CollapsibleIndicatorState, type CollapsibleIndicatorDefaultProps, } from './components/CollapsibleIndicator.js';
|
|
20
33
|
export { Dialog, DialogClose, DialogRoot, DialogTrigger, type DialogCloseProps, type DialogProps, type DialogRootProps, type DialogTriggerProps, type DialogDefaultProps, } from './components/Dialog.js';
|
|
21
34
|
export { Input, type InputProps, type InputSize, type InputDefaultProps, } from './components/Input.js';
|
|
22
35
|
export { Link, type LinkProps, type LinkDefaultProps } from './components/Link.js';
|
|
@@ -40,7 +53,7 @@ export { Segmented, type SegmentedProps, type SegmentedDefaultProps, } from './c
|
|
|
40
53
|
export { SegmentedButton, type SegmentedButtonProps, type SegmentedButtonDefaultProps, } from './components/SegmentedButton.js';
|
|
41
54
|
export { Select, type SelectProps, type SelectDefaultProps, } from './components/Select.js';
|
|
42
55
|
export { Shortcut, type ShortcutProps, type ShortcutSize, type ShortcutDefaultProps, } from './components/Shortcut.js';
|
|
43
|
-
export { Slider, type SliderProps, type SliderSize, type SliderDefaultProps, } from './components/Slider.js';
|
|
56
|
+
export { Slider, type SliderProps, type SliderSize, type SliderVariant, type SliderDefaultProps, } from './components/Slider.js';
|
|
44
57
|
export { Spinner, type SpinnerProps, type SpinnerSize, type SpinnerDefaultProps, } from './components/Spinner.js';
|
|
45
58
|
export { SurfaceContextProvider } from './components/SurfaceContext.js';
|
|
46
59
|
export { Surface, type SurfaceProps, type SurfaceVariant, type SurfaceDefaultProps, } from './components/Surface.js';
|
|
@@ -48,8 +61,14 @@ export { SurfaceContent, type SurfaceContentProps, type SurfaceContentDefaultPro
|
|
|
48
61
|
export { SurfaceCut, type SurfaceCutProps, type SurfaceCutDefaultProps, } from './components/SurfaceCut.js';
|
|
49
62
|
export { SurfaceCutContent, type SurfaceCutContentProps, type SurfaceCutContentDefaultProps, } from './components/SurfaceCutContent.js';
|
|
50
63
|
export { Switch, type SwitchProps, type SwitchSize, type SwitchDefaultProps, } from './components/Switch.js';
|
|
64
|
+
export { Tabs, type TabsProps, type TabsDefaultProps } from './components/Tabs.js';
|
|
65
|
+
export { TabsList, type TabsListProps, type TabsListDefaultProps, } from './components/TabsList.js';
|
|
66
|
+
export { Tab, type TabProps, type TabDefaultProps } from './components/Tab.js';
|
|
67
|
+
export { TabPanel, type TabPanelProps, type TabPanelDefaultProps, } from './components/TabPanel.js';
|
|
51
68
|
export { Textarea, type TextareaProps, type TextareaSize, type TextareaDefaultProps, } from './components/Textarea.js';
|
|
52
69
|
export { Toast, ToastClose, ToastRoot, ToastTrigger, type ToastCloseProps, type ToastProps, type ToastRootProps, type ToastTriggerProps, type ToastDefaultProps, } from './components/Toast.js';
|
|
70
|
+
export { ToggleGroup, type ToggleGroupProps, type ToggleGroupDefaultProps, } from './components/ToggleGroup.js';
|
|
71
|
+
export { ToggleButton, type ToggleButtonProps, type ToggleButtonDefaultProps, } from './components/ToggleButton.js';
|
|
53
72
|
export { Toolbar, type ToolbarProps, type ToolbarDefaultProps, } from './components/Toolbar.js';
|
|
54
73
|
export { ToolbarButton, type ToolbarButtonProps, type ToolbarButtonDefaultProps, } from './components/ToolbarButton.js';
|
|
55
74
|
export { ToolbarSeparator, type ToolbarSeparatorProps, type ToolbarSeparatorDefaultProps, } from './components/ToolbarSeparator.js';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,SAAS,EACT,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -5,16 +5,28 @@ export { useTheme } from './hooks/use-theme.js';
|
|
|
5
5
|
export { useComponentDefaults } from './hooks/use-component-defaults.js';
|
|
6
6
|
export { useToast } from './hooks/use-toast.js';
|
|
7
7
|
export { useAccentColor } from './hooks/use-accent-color.js';
|
|
8
|
+
export { useCollapsibleContext, } from './components/CollapsibleContext.js';
|
|
8
9
|
export { cn } from './shared/cn.js';
|
|
9
10
|
export { nextTick } from './shared/next-tick.js';
|
|
10
11
|
export { CloseIcon } from './components/icons/CloseIcon.js';
|
|
11
12
|
export { SearchIcon } from './components/icons/SearchIcon.js';
|
|
12
13
|
export { DropdownIcon } from './components/icons/DropdownIcon.js';
|
|
13
14
|
export { CheckIcon } from './components/icons/CheckIcon.js';
|
|
15
|
+
export { AccordionRoot, } from './components/AccordionRoot.js';
|
|
16
|
+
export { AccordionItem, } from './components/AccordionItem.js';
|
|
17
|
+
export { CollapsibleTrigger as AccordionTrigger, } from './components/CollapsibleTrigger.js';
|
|
18
|
+
export { CollapsiblePanel as AccordionPanel, } from './components/CollapsiblePanel.js';
|
|
19
|
+
export { CollapsibleIndicator as AccordionIndicator, } from './components/CollapsibleIndicator.js';
|
|
14
20
|
export { Backdrop, } from './components/Backdrop.js';
|
|
15
21
|
export { Button, } from './components/Button.js';
|
|
16
22
|
export { Checkbox, } from './components/Checkbox.js';
|
|
17
23
|
export { Chip, } from './components/Chip.js';
|
|
24
|
+
export { ColorEditor, } from './components/ColorEditor.js';
|
|
25
|
+
export { ColorPicker, } from './components/ColorPicker.js';
|
|
26
|
+
export { CollapsibleRoot, } from './components/CollapsibleRoot.js';
|
|
27
|
+
export { CollapsibleTrigger, } from './components/CollapsibleTrigger.js';
|
|
28
|
+
export { CollapsiblePanel, } from './components/CollapsiblePanel.js';
|
|
29
|
+
export { CollapsibleIndicator, } from './components/CollapsibleIndicator.js';
|
|
18
30
|
export { Dialog, DialogClose, DialogRoot, DialogTrigger, } from './components/Dialog.js';
|
|
19
31
|
export { Input, } from './components/Input.js';
|
|
20
32
|
export { Link } from './components/Link.js';
|
|
@@ -46,8 +58,14 @@ export { SurfaceContent, } from './components/SurfaceContent.js';
|
|
|
46
58
|
export { SurfaceCut, } from './components/SurfaceCut.js';
|
|
47
59
|
export { SurfaceCutContent, } from './components/SurfaceCutContent.js';
|
|
48
60
|
export { Switch, } from './components/Switch.js';
|
|
61
|
+
export { Tabs } from './components/Tabs.js';
|
|
62
|
+
export { TabsList, } from './components/TabsList.js';
|
|
63
|
+
export { Tab } from './components/Tab.js';
|
|
64
|
+
export { TabPanel, } from './components/TabPanel.js';
|
|
49
65
|
export { Textarea, } from './components/Textarea.js';
|
|
50
66
|
export { Toast, ToastClose, ToastRoot, ToastTrigger, } from './components/Toast.js';
|
|
67
|
+
export { ToggleGroup, } from './components/ToggleGroup.js';
|
|
68
|
+
export { ToggleButton, } from './components/ToggleButton.js';
|
|
51
69
|
export { Toolbar, } from './components/Toolbar.js';
|
|
52
70
|
export { ToolbarButton, } from './components/ToolbarButton.js';
|
|
53
71
|
export { ToolbarSeparator, } from './components/ToolbarSeparator.js';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,SAAS,GAIV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAwB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cladd-ui/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://cladd.io",
|
|
6
6
|
"bugs": {
|
|
@@ -23,6 +23,10 @@
|
|
|
23
23
|
"types": "./index.d.ts",
|
|
24
24
|
"import": "./index.js"
|
|
25
25
|
},
|
|
26
|
+
"./calendar": {
|
|
27
|
+
"types": "./calendar/index.d.ts",
|
|
28
|
+
"import": "./calendar/index.js"
|
|
29
|
+
},
|
|
26
30
|
"./cladd.css": {
|
|
27
31
|
"default": "./cladd.css",
|
|
28
32
|
"types": "./cladd.css.d.ts"
|
|
@@ -40,6 +44,12 @@
|
|
|
40
44
|
},
|
|
41
45
|
"peerDependencies": {
|
|
42
46
|
"react": ">=19",
|
|
47
|
+
"react-day-picker": ">=10",
|
|
43
48
|
"react-dom": ">=19"
|
|
49
|
+
},
|
|
50
|
+
"peerDependenciesMeta": {
|
|
51
|
+
"react-day-picker": {
|
|
52
|
+
"optional": true
|
|
53
|
+
}
|
|
44
54
|
}
|
|
45
55
|
}
|