@kaanolin/react 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Badge-BdwYClmA.js +46 -0
- package/dist/Badge-D-fw1KUp.cjs +1 -0
- package/dist/Button-DeGRO_vB.cjs +1 -0
- package/dist/Button-DqS-IYl4.js +412 -0
- package/dist/Card-D4IOT1yc.js +218 -0
- package/dist/Card-JKuBVmXq.cjs +1 -0
- package/dist/DatePickerRange-BPYe2jNs.cjs +1 -0
- package/dist/DatePickerRange-DVctX_Qb.js +5029 -0
- package/dist/Input-BpWJLED2.js +223 -0
- package/dist/Input-CstnV1U8.cjs +1 -0
- package/dist/InputGroup-SVC5Ep6J.js +97 -0
- package/dist/InputGroup-whgNDsHd.cjs +1 -0
- package/dist/Modal-DAyvQW7Z.js +260 -0
- package/dist/Modal-DQLhEOJ2.cjs +1 -0
- package/dist/Select-1U2YyMRi.cjs +1 -0
- package/dist/Select-C2A4HgEF.js +551 -0
- package/dist/Textarea-BHhXafu9.js +117 -0
- package/dist/Textarea-Ceix8Thf.cjs +1 -0
- package/dist/_shared/form-field.styles.d.ts +7 -0
- package/dist/_shared/form-field.styles.d.ts.map +1 -0
- package/dist/_shared/icons.d.ts +2 -0
- package/dist/_shared/icons.d.ts.map +1 -0
- package/dist/_shared/index.d.ts +3 -0
- package/dist/_shared/index.d.ts.map +1 -0
- package/dist/badge/Badge.d.ts +8 -0
- package/dist/badge/Badge.d.ts.map +1 -0
- package/dist/badge/Badge.styles.d.ts +5 -0
- package/dist/badge/Badge.styles.d.ts.map +1 -0
- package/dist/badge/index.d.ts +3 -0
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/badge.cjs +1 -0
- package/dist/badge.js +5 -0
- package/dist/button/Button.d.ts +22 -0
- package/dist/button/Button.d.ts.map +1 -0
- package/dist/button/Button.styles.d.ts +21 -0
- package/dist/button/Button.styles.d.ts.map +1 -0
- package/dist/button/index.d.ts +3 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/button.cjs +1 -0
- package/dist/button.js +10 -0
- package/dist/card/Card.d.ts +26 -0
- package/dist/card/Card.d.ts.map +1 -0
- package/dist/card/Card.styles.d.ts +28 -0
- package/dist/card/Card.styles.d.ts.map +1 -0
- package/dist/card/index.d.ts +3 -0
- package/dist/card/index.d.ts.map +1 -0
- package/dist/card.cjs +1 -0
- package/dist/card.js +20 -0
- package/dist/cx-C5SviAs-.cjs +1 -0
- package/dist/cx-CMoRfr5S.js +2304 -0
- package/dist/date-picker-range/DatePickerRange.d.ts +36 -0
- package/dist/date-picker-range/DatePickerRange.d.ts.map +1 -0
- package/dist/date-picker-range/DatePickerRange.styles.d.ts +16 -0
- package/dist/date-picker-range/DatePickerRange.styles.d.ts.map +1 -0
- package/dist/date-picker-range/index.d.ts +3 -0
- package/dist/date-picker-range/index.d.ts.map +1 -0
- package/dist/date-picker-range.cjs +1 -0
- package/dist/date-picker-range.js +11 -0
- package/dist/form-field.styles-BHdf4QA5.cjs +1 -0
- package/dist/form-field.styles-Bt9srSak.js +32 -0
- package/dist/icons-BFvETcdo.js +22 -0
- package/dist/icons-jGx5qsVM.cjs +1 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +94 -0
- package/dist/input/Input.d.ts +22 -0
- package/dist/input/Input.d.ts.map +1 -0
- package/dist/input/Input.styles.d.ts +18 -0
- package/dist/input/Input.styles.d.ts.map +1 -0
- package/dist/input/index.d.ts +6 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input-group/InputGroup.d.ts +36 -0
- package/dist/input-group/InputGroup.d.ts.map +1 -0
- package/dist/input-group/InputGroup.styles.d.ts +7 -0
- package/dist/input-group/InputGroup.styles.d.ts.map +1 -0
- package/dist/input-group/index.d.ts +3 -0
- package/dist/input-group/index.d.ts.map +1 -0
- package/dist/input-group.cjs +1 -0
- package/dist/input-group.js +7 -0
- package/dist/input.cjs +1 -0
- package/dist/input.js +23 -0
- package/dist/modal/Modal.d.ts +37 -0
- package/dist/modal/Modal.d.ts.map +1 -0
- package/dist/modal/Modal.styles.d.ts +16 -0
- package/dist/modal/Modal.styles.d.ts.map +1 -0
- package/dist/modal/index.d.ts +3 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal.cjs +1 -0
- package/dist/modal.js +21 -0
- package/dist/select/Select.d.ts +51 -0
- package/dist/select/Select.d.ts.map +1 -0
- package/dist/select/Select.styles.d.ts +20 -0
- package/dist/select/Select.styles.d.ts.map +1 -0
- package/dist/select/index.d.ts +3 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/select.cjs +1 -0
- package/dist/select.js +14 -0
- package/dist/styles/colors.css +391 -0
- package/dist/styles/index.css +487 -0
- package/dist/styles/shadows.css +32 -0
- package/dist/styles/spacing.css +20 -0
- package/dist/styles/typography.css +44 -0
- package/dist/textarea/Textarea.d.ts +18 -0
- package/dist/textarea/Textarea.d.ts.map +1 -0
- package/dist/textarea/Textarea.styles.d.ts +6 -0
- package/dist/textarea/Textarea.styles.d.ts.map +1 -0
- package/dist/textarea/index.d.ts +3 -0
- package/dist/textarea/index.d.ts.map +1 -0
- package/dist/textarea.cjs +1 -0
- package/dist/textarea.js +5 -0
- package/package.json +162 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { DateRange } from 'react-day-picker';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export type DatePickerRangeValue = DateRange | undefined;
|
|
4
|
+
export interface DatePickerRangeProps {
|
|
5
|
+
/** Controlled value: the selected date range. */
|
|
6
|
+
value?: DatePickerRangeValue;
|
|
7
|
+
/** Called when the user clicks Apply (committed change). */
|
|
8
|
+
onChange?: (range: DatePickerRangeValue) => void;
|
|
9
|
+
/** Placeholder text shown when no range is selected. */
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
/** Format string for displaying dates in the trigger (date-fns format). */
|
|
12
|
+
displayFormat?: string;
|
|
13
|
+
/** Format string for the date inputs inside the popover. */
|
|
14
|
+
inputFormat?: string;
|
|
15
|
+
/** Number of months to display side-by-side. */
|
|
16
|
+
numberOfMonths?: number;
|
|
17
|
+
/** The earliest selectable date. */
|
|
18
|
+
minDate?: Date;
|
|
19
|
+
/** The latest selectable date. */
|
|
20
|
+
maxDate?: Date;
|
|
21
|
+
/** Whether the component is disabled. */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Additional className for the trigger button. */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Alignment of the popover relative to the trigger. */
|
|
26
|
+
align?: "start" | "center" | "end";
|
|
27
|
+
/** Label for the Cancel button (i18n). */
|
|
28
|
+
cancelLabel?: string;
|
|
29
|
+
/** Label for the Apply button (i18n). */
|
|
30
|
+
applyLabel?: string;
|
|
31
|
+
/** Callback when the popover opens or closes. */
|
|
32
|
+
onOpenChange?: (open: boolean) => void;
|
|
33
|
+
}
|
|
34
|
+
declare const DatePickerRange: React.ForwardRefExoticComponent<DatePickerRangeProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
export { DatePickerRange };
|
|
36
|
+
//# sourceMappingURL=DatePickerRange.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerRange.d.ts","sourceRoot":"","sources":["../../src/date-picker-range/DatePickerRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,kBAAkB,CAAC;AAe3D,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAmBD,QAAA,MAAM,eAAe,6FAuQpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const datePickerTriggerStyles: (props?: ({
|
|
2
|
+
open?: boolean | null | undefined;
|
|
3
|
+
disabled?: boolean | null | undefined;
|
|
4
|
+
hasValue?: boolean | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export declare const datePickerTriggerIconStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
7
|
+
export declare const datePickerPopoverStyles: (props?: ({
|
|
8
|
+
align?: "start" | "center" | "end" | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
+
export declare const datePickerInputRowStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
11
|
+
export declare const datePickerDateInputStyles: (props?: ({
|
|
12
|
+
hasError?: boolean | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
14
|
+
export declare const datePickerInputSeparatorStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
15
|
+
export declare const datePickerFooterStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
16
|
+
//# sourceMappingURL=DatePickerRange.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerRange.styles.d.ts","sourceRoot":"","sources":["../../src/date-picker-range/DatePickerRange.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB;;;;8EA+CnC,CAAC;AAGF,eAAO,MAAM,2BAA2B,oFAItC,CAAC;AAGH,eAAO,MAAM,uBAAuB;;8EAwBnC,CAAC;AAGF,eAAO,MAAM,wBAAwB,oFAQnC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;8EAkCrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,oFAIzC,CAAC;AAGH,eAAO,MAAM,sBAAsB,oFASjC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { DatePickerRange, type DatePickerRangeProps, type DatePickerRangeValue, } from './DatePickerRange';
|
|
2
|
+
export { datePickerTriggerStyles, datePickerTriggerIconStyles, datePickerPopoverStyles, datePickerInputRowStyles, datePickerDateInputStyles, datePickerInputSeparatorStyles, datePickerFooterStyles, } from './DatePickerRange.styles';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-picker-range/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,GACvB,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DatePickerRange-BPYe2jNs.cjs");exports.DatePickerRange=e.DatePickerRange;exports.datePickerDateInputStyles=e.datePickerDateInputStyles;exports.datePickerFooterStyles=e.datePickerFooterStyles;exports.datePickerInputRowStyles=e.datePickerInputRowStyles;exports.datePickerInputSeparatorStyles=e.datePickerInputSeparatorStyles;exports.datePickerPopoverStyles=e.datePickerPopoverStyles;exports.datePickerTriggerIconStyles=e.datePickerTriggerIconStyles;exports.datePickerTriggerStyles=e.datePickerTriggerStyles;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { D as a, d as r, a as s, b as c, c as i, e as o, f as P, g as d } from "./DatePickerRange-DVctX_Qb.js";
|
|
2
|
+
export {
|
|
3
|
+
a as DatePickerRange,
|
|
4
|
+
r as datePickerDateInputStyles,
|
|
5
|
+
s as datePickerFooterStyles,
|
|
6
|
+
c as datePickerInputRowStyles,
|
|
7
|
+
i as datePickerInputSeparatorStyles,
|
|
8
|
+
o as datePickerPopoverStyles,
|
|
9
|
+
P as datePickerTriggerIconStyles,
|
|
10
|
+
d as datePickerTriggerStyles
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("class-variance-authority"),e=t.cva(["flex","cursor-default","items-center","gap-0.5","text-sm","font-medium","text-text-secondary"]),r=t.cva(["text-brand-tertiary"]),a=t.cva(["inline-flex","cursor-help","text-fg-quaternary","ml-0.5"]),s=t.cva(["text-sm","text-text-tertiary"],{variants:{variant:{default:["text-text-tertiary"],error:["text-text-error-primary"],success:["text-text-success-primary"]}},defaultVariants:{variant:"default"}});exports.helperTextStyles=s;exports.labelStyles=e;exports.labelTooltipStyles=a;exports.requiredIndicatorStyles=r;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const r = t([
|
|
3
|
+
"flex",
|
|
4
|
+
"cursor-default",
|
|
5
|
+
"items-center",
|
|
6
|
+
"gap-0.5",
|
|
7
|
+
"text-sm",
|
|
8
|
+
"font-medium",
|
|
9
|
+
"text-text-secondary"
|
|
10
|
+
]), a = t(["text-brand-tertiary"]), s = t([
|
|
11
|
+
"inline-flex",
|
|
12
|
+
"cursor-help",
|
|
13
|
+
"text-fg-quaternary",
|
|
14
|
+
"ml-0.5"
|
|
15
|
+
]), l = t(["text-sm", "text-text-tertiary"], {
|
|
16
|
+
variants: {
|
|
17
|
+
variant: {
|
|
18
|
+
default: ["text-text-tertiary"],
|
|
19
|
+
error: ["text-text-error-primary"],
|
|
20
|
+
success: ["text-text-success-primary"]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
variant: "default"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
s as a,
|
|
29
|
+
l as h,
|
|
30
|
+
r as l,
|
|
31
|
+
a as r
|
|
32
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
const c = () => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
width: "16",
|
|
6
|
+
height: "16",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
fill: "none",
|
|
9
|
+
stroke: "currentColor",
|
|
10
|
+
strokeWidth: "1.5",
|
|
11
|
+
strokeLinecap: "round",
|
|
12
|
+
strokeLinejoin: "round",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "6.25" }),
|
|
15
|
+
/* @__PURE__ */ r("path", { d: "M6.09 6a2 2 0 0 1 3.86.67c0 1.33-2 2-2 2" }),
|
|
16
|
+
/* @__PURE__ */ r("circle", { cx: "8", cy: "11.5", r: "0.01", strokeWidth: "2" })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
c as H
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),r=()=>e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"8",cy:"8",r:"6.25"}),e.jsx("path",{d:"M6.09 6a2 2 0 0 1 3.86.67c0 1.33-2 2-2 2"}),e.jsx("circle",{cx:"8",cy:"11.5",r:"0.01",strokeWidth:"2"})]});exports.HelpCircleIcon=r;
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./cx-C5SviAs-.cjs"),o=require("./Button-DeGRO_vB.cjs"),a=require("./Input-CstnV1U8.cjs"),s=require("./form-field.styles-BHdf4QA5.cjs"),d=require("./Textarea-Ceix8Thf.cjs"),S=require("./InputGroup-whgNDsHd.cjs"),t=require("./Card-JKuBVmXq.cjs"),e=require("./Modal-DQLhEOJ2.cjs"),n=require("./Badge-D-fw1KUp.cjs"),r=require("./DatePickerRange-BPYe2jNs.cjs"),l=require("./Select-1U2YyMRi.cjs");exports.cx=y.cx;exports.Button=o.Button;exports.CloseButton=o.CloseButton;exports.buttonIconStyles=o.buttonIconStyles;exports.buttonSpinnerStyles=o.buttonSpinnerStyles;exports.buttonStyles=o.buttonStyles;exports.closeButtonIconStyles=o.closeButtonIconStyles;exports.closeButtonStyles=o.closeButtonStyles;exports.Input=a.Input;exports.inputIconStyles=a.inputIconStyles;exports.inputShortcutBadgeStyles=a.inputShortcutBadgeStyles;exports.inputShortcutStyles=a.inputShortcutStyles;exports.inputStyles=a.inputStyles;exports.inputTrailingIconStyles=a.inputTrailingIconStyles;exports.inputWrapperStyles=a.inputWrapperStyles;exports.helperTextStyles=s.helperTextStyles;exports.labelStyles=s.labelStyles;exports.labelTooltipStyles=s.labelTooltipStyles;exports.requiredIndicatorStyles=s.requiredIndicatorStyles;exports.Textarea=d.Textarea;exports.textareaStyles=d.textareaStyles;exports.InputGroup=S.InputGroup;exports.InputPrefix=S.InputPrefix;exports.inputGroupWrapperStyles=S.inputGroupWrapperStyles;exports.inputPrefixStyles=S.inputPrefixStyles;exports.Card=t.Card;exports.CardContent=t.CardContent;exports.CardDescription=t.CardDescription;exports.CardDivider=t.CardDivider;exports.CardFooter=t.CardFooter;exports.CardHeader=t.CardHeader;exports.CardImage=t.CardImage;exports.CardTitle=t.CardTitle;exports.cardActionStyles=t.cardActionStyles;exports.cardContentStyles=t.cardContentStyles;exports.cardDescriptionStyles=t.cardDescriptionStyles;exports.cardDividerStyles=t.cardDividerStyles;exports.cardFooterStyles=t.cardFooterStyles;exports.cardHeaderStyles=t.cardHeaderStyles;exports.cardImageStyles=t.cardImageStyles;exports.cardStyles=t.cardStyles;exports.cardTitleStyles=t.cardTitleStyles;exports.Modal=e.Modal;exports.ModalBody=e.ModalBody;exports.ModalDescription=e.ModalDescription;exports.ModalDivider=e.ModalDivider;exports.ModalFooter=e.ModalFooter;exports.ModalHeader=e.ModalHeader;exports.ModalIcon=e.ModalIcon;exports.ModalTitle=e.ModalTitle;exports.modalBodyStyles=e.modalBodyStyles;exports.modalCloseButtonStyles=e.modalCloseButtonStyles;exports.modalDescriptionStyles=e.modalDescriptionStyles;exports.modalDividerStyles=e.modalDividerStyles;exports.modalFooterStyles=e.modalFooterStyles;exports.modalHeaderStyles=e.modalHeaderStyles;exports.modalIconStyles=e.modalIconStyles;exports.modalStyles=e.modalStyles;exports.modalTitleStyles=e.modalTitleStyles;exports.overlayStyles=e.overlayStyles;exports.Badge=n.Badge;exports.badgeStyles=n.badgeStyles;exports.DatePickerRange=r.DatePickerRange;exports.datePickerDateInputStyles=r.datePickerDateInputStyles;exports.datePickerFooterStyles=r.datePickerFooterStyles;exports.datePickerInputRowStyles=r.datePickerInputRowStyles;exports.datePickerInputSeparatorStyles=r.datePickerInputSeparatorStyles;exports.datePickerPopoverStyles=r.datePickerPopoverStyles;exports.datePickerTriggerIconStyles=r.datePickerTriggerIconStyles;exports.datePickerTriggerStyles=r.datePickerTriggerStyles;exports.Select=l.Select;exports.SelectGroup=l.SelectGroup;exports.SelectItem=l.SelectItem;exports.SelectSeparator=l.SelectSeparator;exports.selectChevronStyles=l.selectChevronStyles;exports.selectDropdownInnerStyles=l.selectDropdownInnerStyles;exports.selectDropdownStyles=l.selectDropdownStyles;exports.selectGroupLabelStyles=l.selectGroupLabelStyles;exports.selectItemStyles=l.selectItemStyles;exports.selectSeparatorStyles=l.selectSeparatorStyles;exports.selectTriggerStyles=l.selectTriggerStyles;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { cx } from '../../utils/src/index.ts';
|
|
2
|
+
export { Button, CloseButton, type ButtonProps, type CloseButtonProps, } from './button';
|
|
3
|
+
export { buttonStyles, buttonIconStyles, buttonSpinnerStyles, closeButtonStyles, closeButtonIconStyles, } from './button';
|
|
4
|
+
export { Input, type InputProps } from './input';
|
|
5
|
+
export { inputStyles, inputWrapperStyles, inputIconStyles, inputTrailingIconStyles, inputShortcutStyles, inputShortcutBadgeStyles, } from './input';
|
|
6
|
+
export { Textarea, type TextareaProps } from './textarea';
|
|
7
|
+
export { textareaStyles } from './textarea';
|
|
8
|
+
export { InputGroup, InputPrefix, type InputGroupProps, type InputPrefixProps } from './input-group';
|
|
9
|
+
export { inputGroupWrapperStyles, inputPrefixStyles } from './input-group';
|
|
10
|
+
export { labelStyles, labelTooltipStyles, requiredIndicatorStyles, helperTextStyles, } from './_shared/form-field.styles';
|
|
11
|
+
export { Card, CardImage, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardDivider, type CardProps, type CardImageProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type CardDividerProps, } from './card';
|
|
12
|
+
export { cardStyles, cardImageStyles, cardHeaderStyles, cardActionStyles, cardTitleStyles, cardDescriptionStyles, cardContentStyles, cardFooterStyles, cardDividerStyles, } from './card';
|
|
13
|
+
export { Modal, ModalHeader, ModalIcon, ModalTitle, ModalDescription, ModalBody, ModalFooter, ModalDivider, type ModalProps, type ModalHeaderProps, type ModalIconProps, type ModalTitleProps, type ModalDescriptionProps, type ModalBodyProps, type ModalFooterProps, type ModalDividerProps, } from './modal';
|
|
14
|
+
export { overlayStyles, modalStyles, modalHeaderStyles, modalIconStyles, modalTitleStyles, modalDescriptionStyles, modalBodyStyles, modalFooterStyles, modalDividerStyles, modalCloseButtonStyles, } from './modal';
|
|
15
|
+
export { Badge, type BadgeProps } from './badge';
|
|
16
|
+
export { badgeStyles } from './badge';
|
|
17
|
+
export { DatePickerRange, type DatePickerRangeProps, type DatePickerRangeValue, } from './date-picker-range';
|
|
18
|
+
export { datePickerTriggerStyles, datePickerTriggerIconStyles, datePickerPopoverStyles, datePickerInputRowStyles, datePickerDateInputStyles, datePickerInputSeparatorStyles, datePickerFooterStyles, } from './date-picker-range';
|
|
19
|
+
export { Select, SelectItem, SelectGroup, SelectSeparator, type SelectProps, type SelectItemProps, type SelectGroupProps, type SelectSeparatorProps, } from './select';
|
|
20
|
+
export { selectTriggerStyles, selectChevronStyles, selectDropdownStyles, selectDropdownInnerStyles, selectItemStyles, selectGroupLabelStyles, selectSeparatorStyles, } from './select';
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EACL,MAAM,EACN,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG3E,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,UAAU,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { c as s } from "./cx-CMoRfr5S.js";
|
|
2
|
+
import { B as r, C as l, b as o, a as d, c as S, d as y, e as c } from "./Button-DqS-IYl4.js";
|
|
3
|
+
import { I as n, i as p, a as u, b as m, c as I, d as f, e as g } from "./Input-BpWJLED2.js";
|
|
4
|
+
import { h as b, l as C, a as D, r as T } from "./form-field.styles-Bt9srSak.js";
|
|
5
|
+
import { T as P, t as k } from "./Textarea-BHhXafu9.js";
|
|
6
|
+
import { I as h, a as v, i as F, b as G } from "./InputGroup-SVC5Ep6J.js";
|
|
7
|
+
import { C as w, a as j, b as q, c as R, d as W, e as A, f as L, g as z, h as E, i as J, j as K, k as N, l as O, m as Q, n as U, o as V, p as X } from "./Card-D4IOT1yc.js";
|
|
8
|
+
import { M as Z, a as _, b as $, c as ee, d as ae, e as se, f as te, g as re, m as le, h as oe, i as de, j as Se, k as ye, l as ce, n as ie, o as ne, p as pe, q as ue } from "./Modal-DAyvQW7Z.js";
|
|
9
|
+
import { B as Ie, b as fe } from "./Badge-BdwYClmA.js";
|
|
10
|
+
import { D as xe, d as be, a as Ce, b as De, c as Te, e as Be, f as Pe, g as ke } from "./DatePickerRange-DVctX_Qb.js";
|
|
11
|
+
import { S as he, a as ve, b as Fe, c as Ge, s as He, d as we, e as je, f as qe, g as Re, h as We, i as Ae } from "./Select-C2A4HgEF.js";
|
|
12
|
+
export {
|
|
13
|
+
Ie as Badge,
|
|
14
|
+
r as Button,
|
|
15
|
+
w as Card,
|
|
16
|
+
j as CardContent,
|
|
17
|
+
q as CardDescription,
|
|
18
|
+
R as CardDivider,
|
|
19
|
+
W as CardFooter,
|
|
20
|
+
A as CardHeader,
|
|
21
|
+
L as CardImage,
|
|
22
|
+
z as CardTitle,
|
|
23
|
+
l as CloseButton,
|
|
24
|
+
xe as DatePickerRange,
|
|
25
|
+
n as Input,
|
|
26
|
+
h as InputGroup,
|
|
27
|
+
v as InputPrefix,
|
|
28
|
+
Z as Modal,
|
|
29
|
+
_ as ModalBody,
|
|
30
|
+
$ as ModalDescription,
|
|
31
|
+
ee as ModalDivider,
|
|
32
|
+
ae as ModalFooter,
|
|
33
|
+
se as ModalHeader,
|
|
34
|
+
te as ModalIcon,
|
|
35
|
+
re as ModalTitle,
|
|
36
|
+
he as Select,
|
|
37
|
+
ve as SelectGroup,
|
|
38
|
+
Fe as SelectItem,
|
|
39
|
+
Ge as SelectSeparator,
|
|
40
|
+
P as Textarea,
|
|
41
|
+
fe as badgeStyles,
|
|
42
|
+
o as buttonIconStyles,
|
|
43
|
+
d as buttonSpinnerStyles,
|
|
44
|
+
S as buttonStyles,
|
|
45
|
+
E as cardActionStyles,
|
|
46
|
+
J as cardContentStyles,
|
|
47
|
+
K as cardDescriptionStyles,
|
|
48
|
+
N as cardDividerStyles,
|
|
49
|
+
O as cardFooterStyles,
|
|
50
|
+
Q as cardHeaderStyles,
|
|
51
|
+
U as cardImageStyles,
|
|
52
|
+
V as cardStyles,
|
|
53
|
+
X as cardTitleStyles,
|
|
54
|
+
y as closeButtonIconStyles,
|
|
55
|
+
c as closeButtonStyles,
|
|
56
|
+
s as cx,
|
|
57
|
+
be as datePickerDateInputStyles,
|
|
58
|
+
Ce as datePickerFooterStyles,
|
|
59
|
+
De as datePickerInputRowStyles,
|
|
60
|
+
Te as datePickerInputSeparatorStyles,
|
|
61
|
+
Be as datePickerPopoverStyles,
|
|
62
|
+
Pe as datePickerTriggerIconStyles,
|
|
63
|
+
ke as datePickerTriggerStyles,
|
|
64
|
+
b as helperTextStyles,
|
|
65
|
+
F as inputGroupWrapperStyles,
|
|
66
|
+
p as inputIconStyles,
|
|
67
|
+
G as inputPrefixStyles,
|
|
68
|
+
u as inputShortcutBadgeStyles,
|
|
69
|
+
m as inputShortcutStyles,
|
|
70
|
+
I as inputStyles,
|
|
71
|
+
f as inputTrailingIconStyles,
|
|
72
|
+
g as inputWrapperStyles,
|
|
73
|
+
C as labelStyles,
|
|
74
|
+
D as labelTooltipStyles,
|
|
75
|
+
le as modalBodyStyles,
|
|
76
|
+
oe as modalCloseButtonStyles,
|
|
77
|
+
de as modalDescriptionStyles,
|
|
78
|
+
Se as modalDividerStyles,
|
|
79
|
+
ye as modalFooterStyles,
|
|
80
|
+
ce as modalHeaderStyles,
|
|
81
|
+
ie as modalIconStyles,
|
|
82
|
+
ne as modalStyles,
|
|
83
|
+
pe as modalTitleStyles,
|
|
84
|
+
ue as overlayStyles,
|
|
85
|
+
T as requiredIndicatorStyles,
|
|
86
|
+
He as selectChevronStyles,
|
|
87
|
+
we as selectDropdownInnerStyles,
|
|
88
|
+
je as selectDropdownStyles,
|
|
89
|
+
qe as selectGroupLabelStyles,
|
|
90
|
+
Re as selectItemStyles,
|
|
91
|
+
We as selectSeparatorStyles,
|
|
92
|
+
Ae as selectTriggerStyles,
|
|
93
|
+
k as textareaStyles
|
|
94
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { inputStyles } from './Input.styles';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled">, VariantProps<typeof inputStyles> {
|
|
5
|
+
/** Label text above the input. */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Helper/hint text below the input. */
|
|
8
|
+
helperText?: string;
|
|
9
|
+
/** Leading icon component (e.g. from Lucide, Heroicons, @untitledui/icons). */
|
|
10
|
+
icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
11
|
+
/** Tooltip text shown via native title attribute on a help icon next to the label. */
|
|
12
|
+
tooltip?: string;
|
|
13
|
+
/** Keyboard shortcut to display. Pass `true` for default "⌘K", or a custom string. */
|
|
14
|
+
shortcut?: string | boolean;
|
|
15
|
+
/** Mark the field as required (shows asterisk on label). */
|
|
16
|
+
isRequired?: boolean;
|
|
17
|
+
/** Hide required indicator even when `isRequired` is true. */
|
|
18
|
+
hideRequiredIndicator?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
+
export { Input };
|
|
22
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,WAAW,EAMZ,MAAM,gBAAgB,CAAC;AASxB,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACtE,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,KAAK,qFA6FV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const inputStyles: (props?: ({
|
|
2
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
3
|
+
variant?: "default" | "error" | "success" | null | undefined;
|
|
4
|
+
disabled?: boolean | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export declare const inputWrapperStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
7
|
+
export declare const inputIconStyles: (props?: ({
|
|
8
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
9
|
+
disabled?: boolean | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
+
export declare const inputTrailingIconStyles: (props?: ({
|
|
12
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
14
|
+
export declare const inputShortcutStyles: (props?: ({
|
|
15
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
17
|
+
export declare const inputShortcutBadgeStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
18
|
+
//# sourceMappingURL=Input.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../src/input/Input.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;8EAuDvB,CAAC;AAIF,eAAO,MAAM,kBAAkB,oFAAsD,CAAC;AAItF,eAAO,MAAM,eAAe;;;8EAgB3B,CAAC;AAIF,eAAO,MAAM,uBAAuB;;8EAYnC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EA0B/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAYnC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Input, type InputProps } from './Input';
|
|
2
|
+
export { inputStyles, inputWrapperStyles, inputIconStyles, inputTrailingIconStyles, inputShortcutStyles, inputShortcutBadgeStyles, } from './Input.styles';
|
|
3
|
+
export { labelStyles, labelTooltipStyles, requiredIndicatorStyles, helperTextStyles, } from '../_shared/form-field.styles';
|
|
4
|
+
export { Textarea, type TextareaProps, textareaStyles } from '../textarea';
|
|
5
|
+
export { InputGroup, InputPrefix, type InputGroupProps, type InputPrefixProps, inputGroupWrapperStyles, inputPrefixStyles, } from '../input-group';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG3E,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { inputPrefixStyles } from './InputGroup.styles';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export type InputPrefixProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof inputPrefixStyles>;
|
|
5
|
+
declare const InputPrefix: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
|
|
6
|
+
position?: "leading" | "trailing" | null | undefined;
|
|
7
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
8
|
+
disabled?: boolean | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
export interface InputGroupProps {
|
|
11
|
+
/** Size variant for label/hint alignment. */
|
|
12
|
+
size?: "small" | "medium" | "large";
|
|
13
|
+
/** Text prefix displayed inside the input row (e.g. "https://"). */
|
|
14
|
+
prefix?: string;
|
|
15
|
+
/** Leading addon rendered before the input (e.g. dropdown, icon button). */
|
|
16
|
+
leadingAddon?: React.ReactNode;
|
|
17
|
+
/** Trailing addon rendered after the input (e.g. button, dropdown). */
|
|
18
|
+
trailingAddon?: React.ReactNode;
|
|
19
|
+
/** Label text above the group. */
|
|
20
|
+
label?: string;
|
|
21
|
+
/** Hint/helper text below the group. */
|
|
22
|
+
hint?: string;
|
|
23
|
+
/** Show required asterisk on label. */
|
|
24
|
+
isRequired?: boolean;
|
|
25
|
+
/** Mark group as invalid (applies error styling to hint). */
|
|
26
|
+
isInvalid?: boolean;
|
|
27
|
+
/** Disable the group visually. */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
}
|
|
32
|
+
declare const InputGroup: React.FC<InputGroupProps> & {
|
|
33
|
+
Prefix: typeof InputPrefix;
|
|
34
|
+
};
|
|
35
|
+
export { InputGroup, InputPrefix };
|
|
36
|
+
//# sourceMappingURL=InputGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../src/input-group/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAA2B,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIjF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAClE,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEzC,QAAA,MAAM,WAAW;;;;uHAUhB,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,WAAW,CAAA;CAqDzE,CAAC;AAKF,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const inputGroupWrapperStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
2
|
+
export declare const inputPrefixStyles: (props?: ({
|
|
3
|
+
position?: "leading" | "trailing" | null | undefined;
|
|
4
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
5
|
+
disabled?: boolean | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
//# sourceMappingURL=InputGroup.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.styles.d.ts","sourceRoot":"","sources":["../../src/input-group/InputGroup.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,oFAOlC,CAAC;AAIH,eAAO,MAAM,iBAAiB;;;;8EA2B7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./InputGroup-whgNDsHd.cjs");exports.InputGroup=t.InputGroup;exports.InputPrefix=t.InputPrefix;exports.inputGroupWrapperStyles=t.inputGroupWrapperStyles;exports.inputPrefixStyles=t.inputPrefixStyles;
|
package/dist/input.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Input-CstnV1U8.cjs"),e=require("./form-field.styles-BHdf4QA5.cjs"),l=require("./Textarea-Ceix8Thf.cjs"),r=require("./InputGroup-whgNDsHd.cjs");exports.Input=t.Input;exports.inputIconStyles=t.inputIconStyles;exports.inputShortcutBadgeStyles=t.inputShortcutBadgeStyles;exports.inputShortcutStyles=t.inputShortcutStyles;exports.inputStyles=t.inputStyles;exports.inputTrailingIconStyles=t.inputTrailingIconStyles;exports.inputWrapperStyles=t.inputWrapperStyles;exports.helperTextStyles=e.helperTextStyles;exports.labelStyles=e.labelStyles;exports.labelTooltipStyles=e.labelTooltipStyles;exports.requiredIndicatorStyles=e.requiredIndicatorStyles;exports.Textarea=l.Textarea;exports.textareaStyles=l.textareaStyles;exports.InputGroup=r.InputGroup;exports.InputPrefix=r.InputPrefix;exports.inputGroupWrapperStyles=r.inputGroupWrapperStyles;exports.inputPrefixStyles=r.inputPrefixStyles;
|
package/dist/input.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { I as a, i as s, a as r, b as p, c as l, d as i, e as o } from "./Input-BpWJLED2.js";
|
|
2
|
+
import { h as n, l as S, a as y, r as x } from "./form-field.styles-Bt9srSak.js";
|
|
3
|
+
import { T as c, t as f } from "./Textarea-BHhXafu9.js";
|
|
4
|
+
import { I as b, a as d, i as h, b as m } from "./InputGroup-SVC5Ep6J.js";
|
|
5
|
+
export {
|
|
6
|
+
a as Input,
|
|
7
|
+
b as InputGroup,
|
|
8
|
+
d as InputPrefix,
|
|
9
|
+
c as Textarea,
|
|
10
|
+
n as helperTextStyles,
|
|
11
|
+
h as inputGroupWrapperStyles,
|
|
12
|
+
s as inputIconStyles,
|
|
13
|
+
m as inputPrefixStyles,
|
|
14
|
+
r as inputShortcutBadgeStyles,
|
|
15
|
+
p as inputShortcutStyles,
|
|
16
|
+
l as inputStyles,
|
|
17
|
+
i as inputTrailingIconStyles,
|
|
18
|
+
o as inputWrapperStyles,
|
|
19
|
+
S as labelStyles,
|
|
20
|
+
y as labelTooltipStyles,
|
|
21
|
+
x as requiredIndicatorStyles,
|
|
22
|
+
f as textareaStyles
|
|
23
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { modalStyles, modalIconStyles } from './Modal.styles';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface ModalProps extends VariantProps<typeof modalStyles> {
|
|
5
|
+
/** Whether the modal is open. */
|
|
6
|
+
open: boolean;
|
|
7
|
+
/** Callback when open state changes (close via X, overlay, or Escape). */
|
|
8
|
+
onOpenChange: (open: boolean) => void;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
/** Close when the overlay/backdrop is clicked. Defaults to true. */
|
|
12
|
+
closeOnOverlayClick?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const Modal: React.FC<ModalProps>;
|
|
15
|
+
export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
/** Show close (X) button. Provide the onClose callback. */
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
/** Featured icon element rendered before the title/description block. */
|
|
19
|
+
icon?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export interface ModalIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof modalIconStyles> {
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
declare const ModalIcon: React.ForwardRefExoticComponent<ModalIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export type ModalTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
|
|
27
|
+
declare const ModalTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
28
|
+
export type ModalDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
29
|
+
declare const ModalDescription: React.ForwardRefExoticComponent<ModalDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
30
|
+
export type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
31
|
+
declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
export type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
33
|
+
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export type ModalDividerProps = React.HTMLAttributes<HTMLHRElement>;
|
|
35
|
+
declare const ModalDivider: React.ForwardRefExoticComponent<ModalDividerProps & React.RefAttributes<HTMLHRElement>>;
|
|
36
|
+
export { Modal, ModalHeader, ModalIcon, ModalTitle, ModalDescription, ModalBody, ModalFooter, ModalDivider, };
|
|
37
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAEL,WAAW,EAEX,eAAe,EAOhB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC;IAClE,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2C/B,CAAC;AAMF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,WAAW,yFAiBhB,CAAC;AAKF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS,uFAUd,CAAC;AAKF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvE,QAAA,MAAM,UAAU,4FAMf,CAAC;AAKF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE/E,QAAA,MAAM,gBAAgB,oGAIrB,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,QAAA,MAAM,SAAS,uFAId,CAAC;AAKF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,QAAA,MAAM,WAAW,yFAIhB,CAAC;AAKF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEpE,QAAA,MAAM,YAAY,yFAIjB,CAAC;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const overlayStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
2
|
+
export declare const modalStyles: (props?: ({
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
+
export declare const modalHeaderStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
6
|
+
export declare const modalIconStyles: (props?: ({
|
|
7
|
+
variant?: "error" | "success" | "brand" | "warning" | "gray" | null | undefined;
|
|
8
|
+
size?: "sm" | "md" | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
+
export declare const modalTitleStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
11
|
+
export declare const modalDescriptionStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
12
|
+
export declare const modalBodyStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
13
|
+
export declare const modalFooterStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
14
|
+
export declare const modalDividerStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
15
|
+
export declare const modalCloseButtonStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
16
|
+
//# sourceMappingURL=Modal.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,oFAMxB,CAAC;AAIH,eAAO,MAAM,WAAW;;8EAgCvB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oFAO5B,CAAC;AAIH,eAAO,MAAM,eAAe;;;8EAgD3B,CAAC;AAIF,eAAO,MAAM,gBAAgB,oFAK3B,CAAC;AAIH,eAAO,MAAM,sBAAsB,oFAIjC,CAAC;AAIH,eAAO,MAAM,eAAe,oFAK1B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAM5B,CAAC;AAIH,eAAO,MAAM,kBAAkB,oFAI7B,CAAC;AAIH,eAAO,MAAM,sBAAsB,oFAgBjC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Modal, ModalHeader, ModalIcon, ModalTitle, ModalDescription, ModalBody, ModalFooter, ModalDivider, type ModalProps, type ModalHeaderProps, type ModalIconProps, type ModalTitleProps, type ModalDescriptionProps, type ModalBodyProps, type ModalFooterProps, type ModalDividerProps, } from './Modal';
|
|
2
|
+
export { overlayStyles, modalStyles, modalHeaderStyles, modalIconStyles, modalTitleStyles, modalDescriptionStyles, modalBodyStyles, modalFooterStyles, modalDividerStyles, modalCloseButtonStyles, } from './Modal.styles';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,gBAAgB,CAAC"}
|
package/dist/modal.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./Modal-DQLhEOJ2.cjs");exports.Modal=l.Modal;exports.ModalBody=l.ModalBody;exports.ModalDescription=l.ModalDescription;exports.ModalDivider=l.ModalDivider;exports.ModalFooter=l.ModalFooter;exports.ModalHeader=l.ModalHeader;exports.ModalIcon=l.ModalIcon;exports.ModalTitle=l.ModalTitle;exports.modalBodyStyles=l.modalBodyStyles;exports.modalCloseButtonStyles=l.modalCloseButtonStyles;exports.modalDescriptionStyles=l.modalDescriptionStyles;exports.modalDividerStyles=l.modalDividerStyles;exports.modalFooterStyles=l.modalFooterStyles;exports.modalHeaderStyles=l.modalHeaderStyles;exports.modalIconStyles=l.modalIconStyles;exports.modalStyles=l.modalStyles;exports.modalTitleStyles=l.modalTitleStyles;exports.overlayStyles=l.overlayStyles;
|
package/dist/modal.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { M as l, a as s, b as e, c as d, d as t, e as y, f as i, g as m, m as r, h as S, i as M, j as n, k as c, l as p, n as D, o as v, p as B, q as f } from "./Modal-DAyvQW7Z.js";
|
|
2
|
+
export {
|
|
3
|
+
l as Modal,
|
|
4
|
+
s as ModalBody,
|
|
5
|
+
e as ModalDescription,
|
|
6
|
+
d as ModalDivider,
|
|
7
|
+
t as ModalFooter,
|
|
8
|
+
y as ModalHeader,
|
|
9
|
+
i as ModalIcon,
|
|
10
|
+
m as ModalTitle,
|
|
11
|
+
r as modalBodyStyles,
|
|
12
|
+
S as modalCloseButtonStyles,
|
|
13
|
+
M as modalDescriptionStyles,
|
|
14
|
+
n as modalDividerStyles,
|
|
15
|
+
c as modalFooterStyles,
|
|
16
|
+
p as modalHeaderStyles,
|
|
17
|
+
D as modalIconStyles,
|
|
18
|
+
v as modalStyles,
|
|
19
|
+
B as modalTitleStyles,
|
|
20
|
+
f as overlayStyles
|
|
21
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { selectTriggerStyles } from './Select.styles';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface SelectProps extends Omit<VariantProps<typeof selectTriggerStyles>, "open"> {
|
|
5
|
+
/** Currently selected value (controlled). */
|
|
6
|
+
value?: string;
|
|
7
|
+
/** Default value (uncontrolled). */
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
/** Called when the selected value changes. */
|
|
10
|
+
onValueChange?: (value: string) => void;
|
|
11
|
+
/** Placeholder text shown when no value is selected. */
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
/** Label text above the trigger. */
|
|
14
|
+
label?: string;
|
|
15
|
+
/** Helper/hint text below the trigger. */
|
|
16
|
+
helperText?: string;
|
|
17
|
+
/** Tooltip text shown via native title attribute on a help icon next to the label. */
|
|
18
|
+
tooltip?: string;
|
|
19
|
+
/** Mark the field as required (shows asterisk on label). */
|
|
20
|
+
isRequired?: boolean;
|
|
21
|
+
/** Hide required indicator even when isRequired is true. */
|
|
22
|
+
hideRequiredIndicator?: boolean;
|
|
23
|
+
/** Additional className merged onto the trigger button. */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Unique id (auto-generated via useId if omitted). */
|
|
26
|
+
id?: string;
|
|
27
|
+
/** Children: SelectItem, SelectGroup, SelectSeparator. */
|
|
28
|
+
children: React.ReactNode;
|
|
29
|
+
/** Callback when the dropdown opens or closes. */
|
|
30
|
+
onOpenChange?: (open: boolean) => void;
|
|
31
|
+
}
|
|
32
|
+
export interface SelectItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, "value"> {
|
|
33
|
+
/** The string value this item represents. */
|
|
34
|
+
value: string;
|
|
35
|
+
/** Whether this item is disabled. */
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
/** Content to render (text label). */
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export interface SelectGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
41
|
+
/** Group heading label. */
|
|
42
|
+
label: string;
|
|
43
|
+
children: React.ReactNode;
|
|
44
|
+
}
|
|
45
|
+
export type SelectSeparatorProps = React.HTMLAttributes<HTMLHRElement>;
|
|
46
|
+
declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
48
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLHRElement>>;
|
|
50
|
+
export { Select, SelectItem, SelectGroup, SelectSeparator };
|
|
51
|
+
//# sourceMappingURL=Select.d.ts.map
|