@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.
@@ -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, loading, loadingText, disabled, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
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;AAE5D,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;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,MAAM;uFAST,WAAW;;CAiBb,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,YAAY,EAAE,WAAW,EAAE,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;AAmCD,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
+ {"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;AA+CD,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
+ {"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;AAiCD,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;;CAWzD,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"}
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
@@ -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;AAE5B,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"}
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, jsxs as f, Fragment as b } from "react/jsx-runtime";
3
- import { Button as v } from "@base-ui/react/button";
4
- import { LoaderCircle as y } from "lucide-react";
5
- import { cva as l } from "class-variance-authority";
6
- import { clsx as x } from "clsx";
7
- import { twMerge as N } from "tailwind-merge";
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
- const c = l(
12
- // Base styles
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 disabled:pointer-events-none disabled:opacity-80 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
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 N(x(e));
41
+ return b(f(e));
43
42
  }
44
- const h = ({
43
+ const y = ({
45
44
  className: e,
46
45
  variant: a,
47
46
  size: o,
48
- loading: i = !1,
49
- loadingText: g,
50
- disabled: p,
51
- children: u,
52
- ...m
47
+ disabled: l,
48
+ children: m,
49
+ ...g
53
50
  }) => /* @__PURE__ */ t(
54
- v,
51
+ p,
55
52
  {
56
- className: r(c({ variant: a, size: o }), e),
57
- disabled: p || i,
58
- ...m,
59
- children: i ? /* @__PURE__ */ f(b, { 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
- h.displayName = "Button";
66
- const w = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Root, { className: r("relative", e), ...a });
67
- w.displayName = "ScrollAreaRoot";
68
- const D = ({ className: e, ...a }) => /* @__PURE__ */ t(
69
- n.Viewport,
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
- D.displayName = "ScrollAreaViewport";
76
- const T = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Content, { className: r("min-w-full", e), ...a });
77
- T.displayName = "ScrollAreaContent";
78
- const k = ({
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
- n.Scrollbar,
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
- k.displayName = "ScrollAreaScrollbar";
97
- const z = ({ className: e, ...a }) => /* @__PURE__ */ t(
98
- n.Thumb,
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
- z.displayName = "ScrollAreaThumb";
109
- const P = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Corner, { className: r("bg-muted/50", e), ...a });
110
- P.displayName = "ScrollAreaCorner";
111
- const S = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Root, { className: r("flex flex-col", e), ...a });
112
- S.displayName = "TabsRoot";
113
- const C = l(
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
- ), V = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
120
+ ), A = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
127
121
  d.List,
128
122
  {
129
- className: r(C({ orientation: a }), e),
123
+ className: r(k({ orientation: a }), e),
130
124
  ...o
131
125
  }
132
126
  );
133
- V.displayName = "TabsList";
134
- const A = l(
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
- ), R = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(d.Tab, { className: r(A({ size: a }), e), ...o });
158
- R.displayName = "TabsTab";
159
- const B = l(
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
- ), j = ({
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(B({ orientation: a }), e),
171
+ className: r(S({ orientation: a }), e),
180
172
  ...o
181
173
  }
182
174
  );
183
- j.displayName = "TabsIndicator";
184
- const F = ({ className: e, ...a }) => /* @__PURE__ */ t(
185
- d.Panel,
186
- {
187
- className: r(
188
- "mt-2 ring-offset-background",
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(c({ variant: a, size: o }), e),
202
- ...i
183
+ className: r(u({ variant: a, size: o }), e),
184
+ ...l
203
185
  }
204
186
  );
205
- H.displayName = "DialogTrigger";
206
- const I = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
207
- I.displayName = "DialogPortal";
208
- const _ = ({ className: e, ...a }) => /* @__PURE__ */ t(
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
- _.displayName = "DialogBackdrop";
221
- const M = l(
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
- ), $ = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
227
+ ), F = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
247
228
  s.Popup,
248
229
  {
249
- className: r(M({ size: a }), e),
230
+ className: r(j({ size: a }), e),
250
231
  ...o
251
232
  }
252
233
  );
253
- $.displayName = "DialogPopup";
254
- const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
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
- q.displayName = "DialogTitle";
262
- const E = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
263
- E.displayName = "DialogDescription";
264
- const G = ({ className: e, variant: a, size: o, ...i }) => /* @__PURE__ */ t(
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(c({ variant: a ?? "outline", size: o }), e),
268
- ...i
248
+ className: r(u({ variant: a ?? "outline", size: o }), e),
249
+ ...l
269
250
  }
270
251
  );
271
- G.displayName = "DialogClose";
272
- const J = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
273
- J.displayName = "DialogHeader";
274
- const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
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
- K.displayName = "DialogFooter";
285
- const O = (e) => /* @__PURE__ */ t(s.Root, { ...e });
286
- O.displayName = "DrawerRoot";
287
- const Q = ({ className: e, variant: a, size: o, ...i }) => /* @__PURE__ */ t(
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(c({ variant: a, size: o }), e),
291
- ...i
271
+ className: r(u({ variant: a, size: o }), e),
272
+ ...l
292
273
  }
293
274
  );
294
- Q.displayName = "DrawerTrigger";
295
- const U = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
296
- U.displayName = "DrawerPortal";
297
- const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
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
- W.displayName = "DrawerBackdrop";
310
- const X = l(
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
- ), Y = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
327
+ ), Q = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
348
328
  s.Popup,
349
329
  {
350
- className: r(X({ side: a }), e),
330
+ className: r(O({ side: a }), e),
351
331
  ...o
352
332
  }
353
333
  );
354
- Y.displayName = "DrawerPopup";
355
- const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
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
- Z.displayName = "DrawerTitle";
363
- const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
364
- ee.displayName = "DrawerDescription";
365
- const ae = ({ className: e, variant: a, size: o, ...i }) => /* @__PURE__ */ t(
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(c({ variant: a ?? "outline", size: o }), e),
369
- ...i
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
- ae.displayName = "DrawerClose";
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
- h as Button,
381
- _ as DialogBackdrop,
382
- G as DialogClose,
383
- E as DialogDescription,
384
- K as DialogFooter,
385
- J as DialogHeader,
386
- $ as DialogPopup,
387
- I as DialogPortal,
388
- L as DialogRoot,
389
- q as DialogTitle,
390
- H as DialogTrigger,
391
- W as DrawerBackdrop,
392
- ae as DrawerClose,
393
- re as DrawerContent,
394
- ee as DrawerDescription,
395
- oe as DrawerFooter,
396
- te as DrawerHeader,
397
- Y as DrawerPopup,
398
- U as DrawerPortal,
399
- O as DrawerRoot,
400
- Z as DrawerTitle,
401
- Q as DrawerTrigger,
402
- T as ScrollAreaContent,
403
- P as ScrollAreaCorner,
404
- w as ScrollAreaRoot,
405
- k as ScrollAreaScrollbar,
406
- z as ScrollAreaThumb,
407
- D as ScrollAreaViewport,
408
- j as TabsIndicator,
409
- V as TabsList,
410
- F as TabsPanel,
411
- S as TabsRoot,
412
- R as TabsTab
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;;;8EA+B1B,CAAA"}
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"}
@@ -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.1.1",
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.0.0",
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",