@lglab/compose-ui 0.1.1 → 0.3.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/dist/components/accordion.d.ts +30 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/button.d.ts +1 -5
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +177 -157
- package/dist/lib/button-variants.d.ts.map +1 -1
- package/dist/styles/default.css +6 -0
- package/package.json +5 -5
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type AccordionRootProps = React.ComponentProps<typeof BaseAccordion.Root>;
|
|
4
|
+
declare const AccordionRoot: {
|
|
5
|
+
({ className, ...props }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
type AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item>;
|
|
9
|
+
declare const AccordionItem: {
|
|
10
|
+
({ className, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
type AccordionHeaderProps = React.ComponentProps<typeof BaseAccordion.Header>;
|
|
14
|
+
declare const AccordionHeader: {
|
|
15
|
+
({ className, ...props }: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
type AccordionTriggerProps = React.ComponentProps<typeof BaseAccordion.Trigger>;
|
|
19
|
+
declare const AccordionTrigger: {
|
|
20
|
+
({ className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
type AccordionPanelProps = React.ComponentProps<typeof BaseAccordion.Panel>;
|
|
24
|
+
declare const AccordionPanel: {
|
|
25
|
+
({ className, ...props }: AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel };
|
|
29
|
+
export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, };
|
|
30
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAEjE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;AAE7E,QAAA,MAAM,eAAe;8BAA6B,oBAAoB;;CAErE,CAAA;AAQD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE/E,QAAA,MAAM,gBAAgB;wCAAuC,qBAAqB;;CAYjF,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAUnE,CAAA;AAQD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA;AAE1F,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,CAAA"}
|
|
@@ -6,13 +6,9 @@ type ButtonProps = React.ComponentProps<typeof BaseButton> & {
|
|
|
6
6
|
variant?: ButtonVariant;
|
|
7
7
|
/** Size of the button */
|
|
8
8
|
size?: ButtonSize;
|
|
9
|
-
/** Show loading state */
|
|
10
|
-
loading?: boolean;
|
|
11
|
-
/** Content to show when loading */
|
|
12
|
-
loadingText?: string;
|
|
13
9
|
};
|
|
14
10
|
declare const Button: {
|
|
15
|
-
({ className, variant, size,
|
|
11
|
+
({ className, variant, size, disabled, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
16
12
|
displayName: string;
|
|
17
13
|
};
|
|
18
14
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAG/B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC3D,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;iEAOT,WAAW;;CAUb,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AAkCD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAU/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,CAAA;AAED,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AA8CD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE9D,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAEjE,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,CAAA;AAED,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAE/D,QAAA,MAAM,QAAQ;8BAA6B,aAAa;;CAEvD,CAAA;AAuBD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAChE,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,QAAQ;2CAAyD,aAAa;;CAOnF,CAAA;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAE/D,QAAA,MAAM,QAAQ;8BAA6B,aAAa;;CAEvD,CAAA;AAuBD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAChE,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,QAAQ;2CAAyD,aAAa;;CAOnF,CAAA;AA+BD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG;IAC9D,sBAAsB;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,OAAO;oCAAmC,YAAY;;CAE3D,CAAA;AAyBD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG;IAC1E,4EAA4E;IAC5E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa;2CAIhB,kBAAkB;;CAOpB,CAAA;AAQD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAIzD,CAAA;AAQD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA;AAEhE,YAAY,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScroll
|
|
|
3
3
|
export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
|
|
4
4
|
export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
|
|
5
5
|
export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
|
|
6
|
+
export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
|
|
6
7
|
export type { ButtonProps } from './components/button';
|
|
7
8
|
export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
|
|
8
9
|
export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
|
|
9
10
|
export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
|
|
10
11
|
export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
|
|
12
|
+
export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
|
|
11
13
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,GACf,MAAM,wBAAwB,CAAA;AAE/B,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAA"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t
|
|
3
|
-
import { Button as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { ScrollArea as n } from "@base-ui/react/scroll-area";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { Button as p } from "@base-ui/react/button";
|
|
4
|
+
import { cva as n } from "class-variance-authority";
|
|
5
|
+
import { clsx as f } from "clsx";
|
|
6
|
+
import { twMerge as b } from "tailwind-merge";
|
|
7
|
+
import { ScrollArea as i } from "@base-ui/react/scroll-area";
|
|
9
8
|
import { Tabs as d } from "@base-ui/react/tabs";
|
|
10
9
|
import { Dialog as s } from "@base-ui/react/dialog";
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
import { Accordion as c } from "@base-ui/react/accordion";
|
|
11
|
+
const u = n(
|
|
13
12
|
[
|
|
14
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all
|
|
13
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
|
|
15
14
|
],
|
|
16
15
|
{
|
|
17
16
|
variants: {
|
|
@@ -39,48 +38,43 @@ const c = l(
|
|
|
39
38
|
}
|
|
40
39
|
);
|
|
41
40
|
function r(...e) {
|
|
42
|
-
return
|
|
41
|
+
return b(f(e));
|
|
43
42
|
}
|
|
44
|
-
const
|
|
43
|
+
const y = ({
|
|
45
44
|
className: e,
|
|
46
45
|
variant: a,
|
|
47
46
|
size: o,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
children: u,
|
|
52
|
-
...m
|
|
47
|
+
disabled: l,
|
|
48
|
+
children: m,
|
|
49
|
+
...g
|
|
53
50
|
}) => /* @__PURE__ */ t(
|
|
54
|
-
|
|
51
|
+
p,
|
|
55
52
|
{
|
|
56
|
-
className: r(
|
|
57
|
-
disabled:
|
|
58
|
-
...
|
|
59
|
-
children:
|
|
60
|
-
/* @__PURE__ */ t(y, { className: "animate-spin" }),
|
|
61
|
-
g ?? u
|
|
62
|
-
] }) : u
|
|
53
|
+
className: r(u({ variant: a, size: o }), e),
|
|
54
|
+
disabled: l,
|
|
55
|
+
...g,
|
|
56
|
+
children: m
|
|
63
57
|
}
|
|
64
58
|
);
|
|
65
|
-
|
|
66
|
-
const
|
|
67
|
-
|
|
68
|
-
const
|
|
69
|
-
|
|
59
|
+
y.displayName = "Button";
|
|
60
|
+
const v = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Root, { className: r("relative", e), ...a });
|
|
61
|
+
v.displayName = "ScrollAreaRoot";
|
|
62
|
+
const N = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
63
|
+
i.Viewport,
|
|
70
64
|
{
|
|
71
65
|
className: r("h-full overscroll-contain pr-3", e),
|
|
72
66
|
...a
|
|
73
67
|
}
|
|
74
68
|
);
|
|
75
|
-
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
const
|
|
69
|
+
N.displayName = "ScrollAreaViewport";
|
|
70
|
+
const x = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Content, { className: r("min-w-full", e), ...a });
|
|
71
|
+
x.displayName = "ScrollAreaContent";
|
|
72
|
+
const h = ({
|
|
79
73
|
className: e,
|
|
80
74
|
orientation: a = "vertical",
|
|
81
75
|
...o
|
|
82
76
|
}) => /* @__PURE__ */ t(
|
|
83
|
-
|
|
77
|
+
i.Scrollbar,
|
|
84
78
|
{
|
|
85
79
|
className: r(
|
|
86
80
|
"flex touch-none select-none p-0.5 transition-colors duration-150 ease-out",
|
|
@@ -93,9 +87,9 @@ const k = ({
|
|
|
93
87
|
...o
|
|
94
88
|
}
|
|
95
89
|
);
|
|
96
|
-
|
|
97
|
-
const
|
|
98
|
-
|
|
90
|
+
h.displayName = "ScrollAreaScrollbar";
|
|
91
|
+
const w = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
92
|
+
i.Thumb,
|
|
99
93
|
{
|
|
100
94
|
className: r(
|
|
101
95
|
"relative flex-1 rounded-full bg-border transition-colors",
|
|
@@ -105,12 +99,12 @@ const z = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
105
99
|
...a
|
|
106
100
|
}
|
|
107
101
|
);
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
|
|
113
|
-
const
|
|
102
|
+
w.displayName = "ScrollAreaThumb";
|
|
103
|
+
const D = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Corner, { className: r("bg-muted/50", e), ...a });
|
|
104
|
+
D.displayName = "ScrollAreaCorner";
|
|
105
|
+
const T = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Root, { className: r("flex flex-col", e), ...a });
|
|
106
|
+
T.displayName = "TabsRoot";
|
|
107
|
+
const k = n(
|
|
114
108
|
["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
|
|
115
109
|
{
|
|
116
110
|
variants: {
|
|
@@ -123,21 +117,19 @@ const C = l(
|
|
|
123
117
|
orientation: "horizontal"
|
|
124
118
|
}
|
|
125
119
|
}
|
|
126
|
-
),
|
|
120
|
+
), A = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
|
|
127
121
|
d.List,
|
|
128
122
|
{
|
|
129
|
-
className: r(
|
|
123
|
+
className: r(k({ orientation: a }), e),
|
|
130
124
|
...o
|
|
131
125
|
}
|
|
132
126
|
);
|
|
133
|
-
|
|
134
|
-
const
|
|
127
|
+
A.displayName = "TabsList";
|
|
128
|
+
const z = n(
|
|
135
129
|
[
|
|
136
130
|
"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
|
|
137
131
|
"rounded-md px-3 py-1.5 text-sm font-medium",
|
|
138
132
|
"transition-all duration-200",
|
|
139
|
-
"outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
140
|
-
"data-[disabled]:pointer-events-none data-[disabled]:opacity-70",
|
|
141
133
|
"text-foreground/80",
|
|
142
134
|
"data-[active]:text-foreground",
|
|
143
135
|
"hover:text-foreground"
|
|
@@ -154,9 +146,9 @@ const A = l(
|
|
|
154
146
|
size: "default"
|
|
155
147
|
}
|
|
156
148
|
}
|
|
157
|
-
),
|
|
158
|
-
|
|
159
|
-
const
|
|
149
|
+
), P = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(d.Tab, { className: r(z({ size: a }), e), ...o });
|
|
150
|
+
P.displayName = "TabsTab";
|
|
151
|
+
const S = n(
|
|
160
152
|
["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
|
|
161
153
|
{
|
|
162
154
|
variants: {
|
|
@@ -169,43 +161,33 @@ const B = l(
|
|
|
169
161
|
orientation: "horizontal"
|
|
170
162
|
}
|
|
171
163
|
}
|
|
172
|
-
),
|
|
164
|
+
), R = ({
|
|
173
165
|
className: e,
|
|
174
166
|
orientation: a = "horizontal",
|
|
175
167
|
...o
|
|
176
168
|
}) => /* @__PURE__ */ t(
|
|
177
169
|
d.Indicator,
|
|
178
170
|
{
|
|
179
|
-
className: r(
|
|
171
|
+
className: r(S({ orientation: a }), e),
|
|
180
172
|
...o
|
|
181
173
|
}
|
|
182
174
|
);
|
|
183
|
-
|
|
184
|
-
const
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
190
|
-
e
|
|
191
|
-
),
|
|
192
|
-
...a
|
|
193
|
-
}
|
|
194
|
-
);
|
|
195
|
-
F.displayName = "TabsPanel";
|
|
196
|
-
const L = (e) => /* @__PURE__ */ t(s.Root, { ...e });
|
|
197
|
-
L.displayName = "DialogRoot";
|
|
198
|
-
const H = ({ className: e, variant: a, size: o, ...i }) => /* @__PURE__ */ t(
|
|
175
|
+
R.displayName = "TabsIndicator";
|
|
176
|
+
const V = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
|
|
177
|
+
V.displayName = "TabsPanel";
|
|
178
|
+
const C = (e) => /* @__PURE__ */ t(s.Root, { ...e });
|
|
179
|
+
C.displayName = "DialogRoot";
|
|
180
|
+
const B = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
199
181
|
s.Trigger,
|
|
200
182
|
{
|
|
201
|
-
className: r(
|
|
202
|
-
...
|
|
183
|
+
className: r(u({ variant: a, size: o }), e),
|
|
184
|
+
...l
|
|
203
185
|
}
|
|
204
186
|
);
|
|
205
|
-
|
|
206
|
-
const
|
|
207
|
-
|
|
208
|
-
const
|
|
187
|
+
B.displayName = "DialogTrigger";
|
|
188
|
+
const H = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
|
|
189
|
+
H.displayName = "DialogPortal";
|
|
190
|
+
const I = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
209
191
|
s.Backdrop,
|
|
210
192
|
{
|
|
211
193
|
className: r(
|
|
@@ -217,12 +199,11 @@ const _ = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
217
199
|
...a
|
|
218
200
|
}
|
|
219
201
|
);
|
|
220
|
-
|
|
221
|
-
const
|
|
202
|
+
I.displayName = "DialogBackdrop";
|
|
203
|
+
const j = n(
|
|
222
204
|
[
|
|
223
205
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
224
206
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
225
|
-
"outline-none",
|
|
226
207
|
"transition-all duration-200",
|
|
227
208
|
"data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
|
|
228
209
|
"data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
|
|
@@ -243,35 +224,35 @@ const M = l(
|
|
|
243
224
|
size: "default"
|
|
244
225
|
}
|
|
245
226
|
}
|
|
246
|
-
),
|
|
227
|
+
), F = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
247
228
|
s.Popup,
|
|
248
229
|
{
|
|
249
|
-
className: r(
|
|
230
|
+
className: r(j({ size: a }), e),
|
|
250
231
|
...o
|
|
251
232
|
}
|
|
252
233
|
);
|
|
253
|
-
|
|
254
|
-
const
|
|
234
|
+
F.displayName = "DialogPopup";
|
|
235
|
+
const L = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
255
236
|
s.Title,
|
|
256
237
|
{
|
|
257
238
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
258
239
|
...a
|
|
259
240
|
}
|
|
260
241
|
);
|
|
261
|
-
|
|
262
|
-
const
|
|
263
|
-
|
|
264
|
-
const
|
|
242
|
+
L.displayName = "DialogTitle";
|
|
243
|
+
const _ = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
|
|
244
|
+
_.displayName = "DialogDescription";
|
|
245
|
+
const M = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
265
246
|
s.Close,
|
|
266
247
|
{
|
|
267
|
-
className: r(
|
|
268
|
-
...
|
|
248
|
+
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
249
|
+
...l
|
|
269
250
|
}
|
|
270
251
|
);
|
|
271
|
-
|
|
272
|
-
const
|
|
273
|
-
|
|
274
|
-
const
|
|
252
|
+
M.displayName = "DialogClose";
|
|
253
|
+
const $ = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
|
|
254
|
+
$.displayName = "DialogHeader";
|
|
255
|
+
const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
275
256
|
"div",
|
|
276
257
|
{
|
|
277
258
|
className: r(
|
|
@@ -281,20 +262,20 @@ const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
281
262
|
...a
|
|
282
263
|
}
|
|
283
264
|
);
|
|
284
|
-
|
|
285
|
-
const
|
|
286
|
-
|
|
287
|
-
const
|
|
265
|
+
q.displayName = "DialogFooter";
|
|
266
|
+
const E = (e) => /* @__PURE__ */ t(s.Root, { ...e });
|
|
267
|
+
E.displayName = "DrawerRoot";
|
|
268
|
+
const G = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
288
269
|
s.Trigger,
|
|
289
270
|
{
|
|
290
|
-
className: r(
|
|
291
|
-
...
|
|
271
|
+
className: r(u({ variant: a, size: o }), e),
|
|
272
|
+
...l
|
|
292
273
|
}
|
|
293
274
|
);
|
|
294
|
-
|
|
295
|
-
const
|
|
296
|
-
|
|
297
|
-
const
|
|
275
|
+
G.displayName = "DrawerTrigger";
|
|
276
|
+
const J = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
|
|
277
|
+
J.displayName = "DrawerPortal";
|
|
278
|
+
const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
298
279
|
s.Backdrop,
|
|
299
280
|
{
|
|
300
281
|
className: r(
|
|
@@ -306,11 +287,10 @@ const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
306
287
|
...a
|
|
307
288
|
}
|
|
308
289
|
);
|
|
309
|
-
|
|
310
|
-
const
|
|
290
|
+
K.displayName = "DrawerBackdrop";
|
|
291
|
+
const O = n(
|
|
311
292
|
[
|
|
312
293
|
"fixed z-50 flex flex-col bg-background p-6 shadow-lg",
|
|
313
|
-
"outline-none",
|
|
314
294
|
"transition-transform duration-300 ease-out",
|
|
315
295
|
"scale-[calc(1-0.1*var(--nested-dialogs))]",
|
|
316
296
|
"data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
|
|
@@ -344,70 +324,110 @@ const X = l(
|
|
|
344
324
|
side: "right"
|
|
345
325
|
}
|
|
346
326
|
}
|
|
347
|
-
),
|
|
327
|
+
), Q = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
|
|
348
328
|
s.Popup,
|
|
349
329
|
{
|
|
350
|
-
className: r(
|
|
330
|
+
className: r(O({ side: a }), e),
|
|
351
331
|
...o
|
|
352
332
|
}
|
|
353
333
|
);
|
|
354
|
-
|
|
355
|
-
const
|
|
334
|
+
Q.displayName = "DrawerPopup";
|
|
335
|
+
const U = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
356
336
|
s.Title,
|
|
357
337
|
{
|
|
358
338
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
359
339
|
...a
|
|
360
340
|
}
|
|
361
341
|
);
|
|
362
|
-
|
|
363
|
-
const
|
|
364
|
-
|
|
365
|
-
const
|
|
342
|
+
U.displayName = "DrawerTitle";
|
|
343
|
+
const W = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
|
|
344
|
+
W.displayName = "DrawerDescription";
|
|
345
|
+
const X = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
|
|
366
346
|
s.Close,
|
|
367
347
|
{
|
|
368
|
-
className: r(
|
|
369
|
-
...
|
|
348
|
+
className: r(u({ variant: a ?? "outline", size: o }), e),
|
|
349
|
+
...l
|
|
350
|
+
}
|
|
351
|
+
);
|
|
352
|
+
X.displayName = "DrawerClose";
|
|
353
|
+
const Y = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
|
|
354
|
+
Y.displayName = "DrawerHeader";
|
|
355
|
+
const Z = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
|
|
356
|
+
Z.displayName = "DrawerContent";
|
|
357
|
+
const ee = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
|
|
358
|
+
ee.displayName = "DrawerFooter";
|
|
359
|
+
const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Root, { className: r("w-full", e), ...a });
|
|
360
|
+
ae.displayName = "AccordionRoot";
|
|
361
|
+
const te = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
362
|
+
c.Item,
|
|
363
|
+
{
|
|
364
|
+
className: r("border-b border-border last:border-b-0", e),
|
|
365
|
+
...a
|
|
366
|
+
}
|
|
367
|
+
);
|
|
368
|
+
te.displayName = "AccordionItem";
|
|
369
|
+
const re = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Header, { className: r("flex", e), ...a });
|
|
370
|
+
re.displayName = "AccordionHeader";
|
|
371
|
+
const oe = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
372
|
+
c.Trigger,
|
|
373
|
+
{
|
|
374
|
+
className: r(
|
|
375
|
+
"flex flex-1 items-center justify-between py-3 font-medium",
|
|
376
|
+
e
|
|
377
|
+
),
|
|
378
|
+
...o,
|
|
379
|
+
children: a
|
|
380
|
+
}
|
|
381
|
+
);
|
|
382
|
+
oe.displayName = "AccordionTrigger";
|
|
383
|
+
const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
384
|
+
c.Panel,
|
|
385
|
+
{
|
|
386
|
+
className: r(
|
|
387
|
+
"overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
|
|
388
|
+
e
|
|
389
|
+
),
|
|
390
|
+
...a
|
|
370
391
|
}
|
|
371
392
|
);
|
|
372
|
-
|
|
373
|
-
const te = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
|
|
374
|
-
te.displayName = "DrawerHeader";
|
|
375
|
-
const re = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
|
|
376
|
-
re.displayName = "DrawerContent";
|
|
377
|
-
const oe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
|
|
378
|
-
oe.displayName = "DrawerFooter";
|
|
393
|
+
se.displayName = "AccordionPanel";
|
|
379
394
|
export {
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
q as
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
395
|
+
re as AccordionHeader,
|
|
396
|
+
te as AccordionItem,
|
|
397
|
+
se as AccordionPanel,
|
|
398
|
+
ae as AccordionRoot,
|
|
399
|
+
oe as AccordionTrigger,
|
|
400
|
+
y as Button,
|
|
401
|
+
I as DialogBackdrop,
|
|
402
|
+
M as DialogClose,
|
|
403
|
+
_ as DialogDescription,
|
|
404
|
+
q as DialogFooter,
|
|
405
|
+
$ as DialogHeader,
|
|
406
|
+
F as DialogPopup,
|
|
407
|
+
H as DialogPortal,
|
|
408
|
+
C as DialogRoot,
|
|
409
|
+
L as DialogTitle,
|
|
410
|
+
B as DialogTrigger,
|
|
411
|
+
K as DrawerBackdrop,
|
|
412
|
+
X as DrawerClose,
|
|
413
|
+
Z as DrawerContent,
|
|
414
|
+
W as DrawerDescription,
|
|
415
|
+
ee as DrawerFooter,
|
|
416
|
+
Y as DrawerHeader,
|
|
417
|
+
Q as DrawerPopup,
|
|
418
|
+
J as DrawerPortal,
|
|
419
|
+
E as DrawerRoot,
|
|
420
|
+
U as DrawerTitle,
|
|
421
|
+
G as DrawerTrigger,
|
|
422
|
+
x as ScrollAreaContent,
|
|
423
|
+
D as ScrollAreaCorner,
|
|
424
|
+
v as ScrollAreaRoot,
|
|
425
|
+
h as ScrollAreaScrollbar,
|
|
426
|
+
w as ScrollAreaThumb,
|
|
427
|
+
N as ScrollAreaViewport,
|
|
428
|
+
R as TabsIndicator,
|
|
429
|
+
A as TabsList,
|
|
430
|
+
V as TabsPanel,
|
|
431
|
+
T as TabsRoot,
|
|
432
|
+
P as TabsTab
|
|
413
433
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-variants.d.ts","sourceRoot":"","sources":["../../src/lib/button-variants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjF,eAAO,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"button-variants.d.ts","sourceRoot":"","sources":["../../src/lib/button-variants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjF,eAAO,MAAM,cAAc;;;8EA8B1B,CAAA"}
|
package/dist/styles/default.css
CHANGED
|
@@ -76,6 +76,12 @@
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
+
@layer base {
|
|
80
|
+
* {
|
|
81
|
+
@apply focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-80;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
79
85
|
@media (prefers-reduced-motion: reduce) {
|
|
80
86
|
*,
|
|
81
87
|
*::before,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lglab/compose-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "A collection of components built with Base UI & Tailwind CSS",
|
|
5
5
|
"author": "LGLab",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
],
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"@base-ui/react": "^1.0.0",
|
|
39
|
+
"@types/react": "^18 || ^19",
|
|
39
40
|
"class-variance-authority": "^0.7.1",
|
|
40
41
|
"clsx": "^2.1.1",
|
|
41
|
-
"react": "^19",
|
|
42
|
-
"react-dom": "^19
|
|
42
|
+
"react": "^18 || ^19",
|
|
43
|
+
"react-dom": "^18 || ^19",
|
|
43
44
|
"tailwind-merge": "^3.4.0",
|
|
44
|
-
"tailwindcss": "^4.0.0"
|
|
45
|
-
"lucide-react": "^0.562.0"
|
|
45
|
+
"tailwindcss": "^4.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@types/node": "^25.0.3",
|