@a-type/ui 4.0.0-beta.7 → 4.0.0-beta.9

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.
Files changed (49) hide show
  1. package/dist/cjs/components/avatar/Avatar.js +1 -1
  2. package/dist/cjs/components/avatar/Avatar.js.map +1 -1
  3. package/dist/cjs/components/avatar/Avatar.stories.d.ts +18 -0
  4. package/dist/cjs/components/avatar/Avatar.stories.js +38 -0
  5. package/dist/cjs/components/avatar/Avatar.stories.js.map +1 -0
  6. package/dist/cjs/components/collapsible/Collapsible.d.ts +2 -0
  7. package/dist/cjs/components/collapsible/Collapsible.js +3 -1
  8. package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
  9. package/dist/cjs/components/popover/Popover.d.ts +1 -3
  10. package/dist/cjs/components/popover/Popover.js +1 -4
  11. package/dist/cjs/components/popover/Popover.js.map +1 -1
  12. package/dist/cjs/components/popover/Popover.stories.d.ts +0 -1
  13. package/dist/cjs/components/popover/Popover.stories.js +1 -6
  14. package/dist/cjs/components/popover/Popover.stories.js.map +1 -1
  15. package/dist/cjs/components/slider/Slider.d.ts +4 -4
  16. package/dist/cjs/components/slider/Slider.js +1 -1
  17. package/dist/cjs/components/slider/Slider.js.map +1 -1
  18. package/dist/cjs/components/slider/Slider.stories.d.ts +2 -2
  19. package/dist/cjs/components/tabs/tabs.js +1 -1
  20. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  21. package/dist/css/main.css +1 -1
  22. package/dist/esm/components/avatar/Avatar.js +1 -1
  23. package/dist/esm/components/avatar/Avatar.js.map +1 -1
  24. package/dist/esm/components/avatar/Avatar.stories.d.ts +18 -0
  25. package/dist/esm/components/avatar/Avatar.stories.js +35 -0
  26. package/dist/esm/components/avatar/Avatar.stories.js.map +1 -0
  27. package/dist/esm/components/collapsible/Collapsible.d.ts +2 -0
  28. package/dist/esm/components/collapsible/Collapsible.js +2 -0
  29. package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
  30. package/dist/esm/components/popover/Popover.d.ts +1 -3
  31. package/dist/esm/components/popover/Popover.js +0 -2
  32. package/dist/esm/components/popover/Popover.js.map +1 -1
  33. package/dist/esm/components/popover/Popover.stories.d.ts +0 -1
  34. package/dist/esm/components/popover/Popover.stories.js +0 -5
  35. package/dist/esm/components/popover/Popover.stories.js.map +1 -1
  36. package/dist/esm/components/slider/Slider.d.ts +4 -4
  37. package/dist/esm/components/slider/Slider.js +1 -1
  38. package/dist/esm/components/slider/Slider.js.map +1 -1
  39. package/dist/esm/components/slider/Slider.stories.d.ts +2 -2
  40. package/dist/esm/components/tabs/tabs.js +1 -1
  41. package/dist/esm/components/tabs/tabs.js.map +1 -1
  42. package/package.json +1 -1
  43. package/src/components/avatar/Avatar.stories.tsx +41 -0
  44. package/src/components/avatar/Avatar.tsx +8 -6
  45. package/src/components/collapsible/Collapsible.tsx +7 -0
  46. package/src/components/popover/Popover.stories.tsx +0 -19
  47. package/src/components/popover/Popover.tsx +0 -5
  48. package/src/components/slider/Slider.tsx +4 -1
  49. package/src/components/tabs/tabs.tsx +1 -1
@@ -24,6 +24,6 @@ function Avatar(_a) {
24
24
  var { className, popIn = false, imageSrc, name, crossOrigin, style, size } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name", "crossOrigin", "style", "size"]);
25
25
  const empty = !name && !imageSrc;
26
26
  return ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar.Root, Object.assign({ "data-pop": popIn, className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:justify-center layer-components:rounded-lg layer-components:border-default layer-components:overflow-hidden layer-components:w-24px layer-components:aspect-1 layer-components:select-none layer-components:relative layer-components:bg-white layer-components:flex-shrink-0', popIn &&
27
- 'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className), style: size ? Object.assign({ width: size, height: size }, style) : style }, rest, { children: [imageSrc && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Image, { className: "w-full h-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin })), (0, jsx_runtime_1.jsx)(avatar_1.Avatar.Fallback, { className: "text-size-[calc(0.5px*var(--avatar-size,24px))]", style: { '--avatar-size': size }, children: (name === null || name === void 0 ? void 0 : name.charAt(0)) || '?' }), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
27
+ 'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className), style: size ? Object.assign({ width: size, height: size }, style) : style }, rest, { children: [imageSrc && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Image, { className: "w-full h-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin })), !empty && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Fallback, { className: "text-size-[calc(0.5px*var(--avatar-size,24px))]", style: { '--avatar-size': size }, children: (name === null || name === void 0 ? void 0 : name.charAt(0)) || '?' })), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
28
28
  }
29
29
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,wBA0CC;;AA5DD,kDAG+B;AAC/B,gDAA8B;AAE9B,+CAAwC;AAYxC,SAAgB,MAAM,CAAC,EAST;QATS,EACtB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,OAES,EADV,IAAI,cARe,0EAStB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,wBAAC,eAAU,CAAC,IAAI,8BACL,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,EAAG,CAAC,CAAC,KAAK,IACzD,IAAI,eAEP,QAAQ,IAAI,CACZ,uBAAC,eAAU,CAAC,KAAK,IAChB,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,aAAa,EAC5B,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GACvB,CACF,EACD,uBAAC,eAAU,CAAC,QAAQ,IACnB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAS,YAEtC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,GACF,EACrB,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAChB,CAClB,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,wBA4CC;;AA9DD,kDAG+B;AAC/B,gDAA8B;AAE9B,+CAAwC;AAYxC,SAAgB,MAAM,CAAC,EAST;QATS,EACtB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,OAES,EADV,IAAI,cARe,0EAStB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,wBAAC,eAAU,CAAC,IAAI,8BACL,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,EAAG,CAAC,CAAC,KAAK,IACzD,IAAI,eAEP,QAAQ,IAAI,CACZ,uBAAC,eAAU,CAAC,KAAK,IAChB,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,aAAa,EAC5B,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GACvB,CACF,EACA,CAAC,KAAK,IAAI,CACV,uBAAC,eAAU,CAAC,QAAQ,IACnB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAS,YAEtC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,GACF,CACtB,EACA,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAChB,CAClB,CAAC;AACH,CAAC"}
@@ -0,0 +1,18 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { Avatar } from './Avatar.js';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Avatar;
6
+ argTypes: {};
7
+ parameters: {
8
+ controls: {
9
+ expanded: boolean;
10
+ };
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof Avatar>;
15
+ export declare const Default: Story;
16
+ export declare const WithImage: Story;
17
+ export declare const WithName: Story;
18
+ export declare const FailedImage: Story;
@@ -0,0 +1,38 @@
1
+ // @unocss-include
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.FailedImage = exports.WithName = exports.WithImage = exports.Default = void 0;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const Avatar_js_1 = require("./Avatar.js");
7
+ const meta = {
8
+ title: 'Components/Avatar',
9
+ component: Avatar_js_1.Avatar,
10
+ argTypes: {},
11
+ parameters: {
12
+ controls: { expanded: true },
13
+ },
14
+ };
15
+ exports.default = meta;
16
+ exports.Default = {
17
+ render(args) {
18
+ return (0, jsx_runtime_1.jsx)(Avatar_js_1.Avatar, Object.assign({}, args));
19
+ },
20
+ };
21
+ exports.WithImage = {
22
+ args: {
23
+ imageSrc: 'https://i.pravatar.cc/300',
24
+ name: 'John Doe',
25
+ },
26
+ };
27
+ exports.WithName = {
28
+ args: {
29
+ name: 'Jane Smith',
30
+ },
31
+ };
32
+ exports.FailedImage = {
33
+ args: {
34
+ imageSrc: 'http://localhost:3333/nonexistent.jpg',
35
+ name: 'Fallback User',
36
+ },
37
+ };
38
+ //# sourceMappingURL=Avatar.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,kBAAM,oBAAK,IAAI,EAAI,CAAC;IAC7B,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,QAAQ,EAAE,2BAA2B;QACrC,IAAI,EAAE,UAAU;KAChB;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,IAAI,EAAE,YAAY;KAClB;CACD,CAAC;AAEW,QAAA,WAAW,GAAU;IACjC,IAAI,EAAE;QACL,QAAQ,EAAE,uCAAuC;QACjD,IAAI,EAAE,eAAe;KACrB;CACD,CAAC"}
@@ -11,6 +11,7 @@ export declare const CollapsibleSimple: ({ horizontal, both, children, ...props
11
11
  horizontal?: boolean;
12
12
  both?: boolean;
13
13
  }) => import("react/jsx-runtime.js").JSX.Element;
14
+ export declare const CollapsibleIcon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
14
15
  export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>> & {
15
16
  Content: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
16
17
  horizontal?: boolean;
@@ -22,4 +23,5 @@ export declare const Collapsible: import("react").ForwardRefExoticComponent<Coll
22
23
  horizontal?: boolean;
23
24
  both?: boolean;
24
25
  }) => import("react/jsx-runtime.js").JSX.Element;
26
+ Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
25
27
  };
@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  return t;
14
14
  };
15
15
  Object.defineProperty(exports, "__esModule", { value: true });
16
- exports.Collapsible = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
16
+ exports.Collapsible = exports.CollapsibleIcon = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
17
17
  const jsx_runtime_1 = require("react/jsx-runtime");
18
18
  const collapsible_1 = require("@base-ui/react/collapsible");
19
19
  const withClassName_js_1 = require("../../hooks/withClassName.js");
@@ -41,9 +41,11 @@ const CollapsibleSimple = (_a) => {
41
41
  return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, { horizontal: horizontal, both: both, children: children }) })));
42
42
  };
43
43
  exports.CollapsibleSimple = CollapsibleSimple;
44
+ exports.CollapsibleIcon = (0, withClassName_js_1.withClassName)('span', 'layer-components:transition-transform', 'layer-components:[[data-panel-open]_&]:rotate-180');
44
45
  exports.Collapsible = Object.assign(exports.CollapsibleRoot, {
45
46
  Content: exports.CollapsibleContent,
46
47
  Trigger: exports.CollapsibleTrigger,
47
48
  Simple: exports.CollapsibleSimple,
49
+ Icon: exports.CollapsibleIcon,
48
50
  });
49
51
  //# sourceMappingURL=Collapsible.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AACb,4DAIoC;AAEpC,mEAA6D;AAEhD,QAAA,eAAe,GAAG,yBAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,yBAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,uBAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B;AACW,QAAA,kBAAkB,GAAG,yBAAe,CAAC,OAAO,CAAC;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
1
+ {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AACb,4DAIoC;AAEpC,mEAA6D;AAEhD,QAAA,eAAe,GAAG,yBAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,yBAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,uBAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B;AACW,QAAA,kBAAkB,GAAG,yBAAe,CAAC,OAAO,CAAC;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,MAAM,EACN,uCAAuC,EACvC,mDAAmD,CACnD,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;IACzB,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}
@@ -1,11 +1,10 @@
1
- import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive, PopoverTriggerProps } from '@base-ui/react/popover';
1
+ import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
2
2
  import { MenuArrowProps } from '@base-ui/react/menu';
3
3
  import { Ref } from 'react';
4
4
  export declare const PopoverRoot: typeof PopoverPrimitive.Root;
5
5
  export declare const PopoverTrigger: PopoverPrimitive.Trigger;
6
6
  export declare const PopoverArrow: import("react").FunctionComponent<MenuArrowProps>;
7
7
  export declare const PopoverClose: import("react").FunctionComponent<import("@base-ui/react/popover/index.js").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
8
- export declare const PopoverAnchor: (props: PopoverTriggerProps) => import("react/jsx-runtime.js").JSX.Element;
9
8
  export declare const PopoverContent: ({ ref, children, forceMount, disableBlur, className, radius, padding, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
10
9
  radius?: "none" | "default" | "md";
11
10
  padding?: "none" | "default";
@@ -26,7 +25,6 @@ export declare const Popover: typeof PopoverPrimitive.Root & {
26
25
  Arrow: import("react").FunctionComponent<MenuArrowProps>;
27
26
  Close: import("react").FunctionComponent<import("@base-ui/react/popover/index.js").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
28
27
  Trigger: PopoverPrimitive.Trigger;
29
- Anchor: (props: PopoverTriggerProps) => import("react/jsx-runtime.js").JSX.Element;
30
28
  Title: import("react").FunctionComponent<import("@base-ui/react/popover/index.js").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
31
29
  Description: import("react").FunctionComponent<import("@base-ui/react/popover/index.js").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
32
30
  createHandle: typeof PopoverPrimitive.createHandle;
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
15
15
  return (mod && mod.__esModule) ? mod : { "default": mod };
16
16
  };
17
17
  Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.Popover = exports.PopoverDescription = exports.PopoverTitle = exports.PopoverContent = exports.PopoverAnchor = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.PopoverRoot = void 0;
18
+ exports.Popover = exports.PopoverDescription = exports.PopoverTitle = exports.PopoverContent = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.PopoverRoot = void 0;
19
19
  const jsx_runtime_1 = require("react/jsx-runtime");
20
20
  const popover_1 = require("@base-ui/react/popover");
21
21
  const clsx_1 = __importDefault(require("clsx"));
@@ -30,8 +30,6 @@ exports.PopoverRoot = popover_1.Popover.Root;
30
30
  exports.PopoverTrigger = popover_1.Popover.Trigger;
31
31
  exports.PopoverArrow = StyledArrow;
32
32
  exports.PopoverClose = StyledClose;
33
- const PopoverAnchor = (props) => ((0, jsx_runtime_1.jsx)(exports.PopoverTrigger, Object.assign({}, props, { disabled: true })));
34
- exports.PopoverAnchor = PopoverAnchor;
35
33
  const PopoverContent = function PopoverContent(_a) {
36
34
  var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default', align, alignOffset, side, sideOffset = 8, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding", "align", "alignOffset", "side", "sideOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
37
35
  return ((0, jsx_runtime_1.jsx)(popover_1.Popover.Portal, { keepMounted: forceMount, children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(popover_1.Popover.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { ref: ref, className: (0, clsx_1.default)({
@@ -50,7 +48,6 @@ exports.Popover = Object.assign(exports.PopoverRoot, {
50
48
  Arrow: exports.PopoverArrow,
51
49
  Close: exports.PopoverClose,
52
50
  Trigger: exports.PopoverTrigger,
53
- Anchor: exports.PopoverAnchor,
54
51
  Title: exports.PopoverTitle,
55
52
  Description: exports.PopoverDescription,
56
53
  createHandle: popover_1.Popover.createHandle,
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
@@ -4,4 +4,3 @@ declare const meta: Meta;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Popover>;
6
6
  export declare const Default: Story;
7
- export declare const Anchored: Story;
@@ -1,7 +1,7 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Anchored = exports.Default = void 0;
4
+ exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const Button_js_1 = require("../button/Button.js");
7
7
  const Popover_js_1 = require("./Popover.js");
@@ -19,9 +19,4 @@ exports.Default = {
19
19
  return ((0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { color: "primary", size: "small" }), children: "Open Popover" }), (0, jsx_runtime_1.jsxs)(Popover_js_1.Popover.Content, { className: "p-md", children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Arrow, {}), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Title, { children: "Hello" }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Description, { children: "This is a popover content." })] })] })));
20
20
  },
21
21
  };
22
- exports.Anchored = {
23
- render(args) {
24
- return ((0, jsx_runtime_1.jsx)("div", { className: "layer-components:relative layer-components:h-[200px] layer-components:flex layer-components:items-center layer-components:justify-center", children: (0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, Object.assign({ open: true }, args, { children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Anchor, { children: "Anchor" }), (0, jsx_runtime_1.jsxs)(Popover_js_1.Popover.Content, { className: "p-md", children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Arrow, {}), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Title, { children: "Hello" }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Description, { children: "This is a popover content anchored to the center of the container." })] })] })) }));
25
- },
26
- };
27
22
  //# sourceMappingURL=Popover.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAA6C;AAC7C,6CAAuC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,oBAAO,oBAAK,IAAI,eAChB,uBAAC,oBAAO,CAAC,OAAO,IAAC,MAAM,EAAE,uBAAC,kBAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,wBAAC,oBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,uBAAC,oBAAO,CAAC,KAAK,KAAG,EACjB,uBAAC,oBAAO,CAAC,KAAK,wBAAsB,EACpC,uBAAC,oBAAO,CAAC,WAAW,6CAAiD,IACpD,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,gCAAK,SAAS,EAAC,wEAAwE,YACtF,wBAAC,oBAAO,kBAAC,IAAI,UAAK,IAAI,eACrB,uBAAC,oBAAO,CAAC,MAAM,yBAAwB,EACvC,wBAAC,oBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,uBAAC,oBAAO,CAAC,KAAK,KAAG,EACjB,uBAAC,oBAAO,CAAC,KAAK,wBAAsB,EACpC,uBAAC,oBAAO,CAAC,WAAW,qFAEE,IACL,KACT,GACL,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAA6C;AAC7C,6CAAuC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,oBAAO,oBAAK,IAAI,eAChB,uBAAC,oBAAO,CAAC,OAAO,IAAC,MAAM,EAAE,uBAAC,kBAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,wBAAC,oBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,uBAAC,oBAAO,CAAC,KAAK,KAAG,EACjB,uBAAC,oBAAO,CAAC,KAAK,wBAAsB,EACpC,uBAAC,oBAAO,CAAC,WAAW,6CAAiD,IACpD,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import { Slider as BaseSlider, SliderRootProps } from '@base-ui/react/slider';
2
2
  import { Ref } from 'react';
3
3
  import { PaletteName } from '../../uno/index.js';
4
- export declare const SliderRoot: <Value extends number | readonly number[]>(props: BaseSlider.Root.Props<Value> & {
4
+ export declare const SliderRoot: import("react").FunctionComponent<BaseSlider.Root.Props<number | readonly number[]> & {
5
5
  ref?: React.Ref<HTMLDivElement>;
6
- }) => React.JSX.Element;
6
+ }>;
7
7
  export declare const SliderControl: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
8
8
  export declare const SliderTrack: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;
9
9
  export declare const SliderRange: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -23,9 +23,9 @@ export interface SliderProps extends SliderRootProps {
23
23
  ref?: Ref<HTMLDivElement>;
24
24
  }
25
25
  export declare const Slider: (({ label, ...props }: SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
26
- Root: <Value extends number | readonly number[]>(props: BaseSlider.Root.Props<Value> & {
26
+ Root: import("react").FunctionComponent<BaseSlider.Root.Props<number | readonly number[]> & {
27
27
  ref?: React.Ref<HTMLDivElement>;
28
- }) => React.JSX.Element;
28
+ }>;
29
29
  Base: ({ children, color, className, ...props }: SliderProps) => import("react/jsx-runtime.js").JSX.Element;
30
30
  Control: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
31
31
  Track: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;
@@ -20,7 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
20
20
  const slider_1 = require("@base-ui/react/slider");
21
21
  const clsx_1 = __importDefault(require("clsx"));
22
22
  const hooks_js_1 = require("../../hooks.js");
23
- exports.SliderRoot = slider_1.Slider.Root;
23
+ exports.SliderRoot = (0, hooks_js_1.withClassName)(slider_1.Slider.Root, 'layer-components:w-full');
24
24
  exports.SliderControl = (0, hooks_js_1.withClassName)(slider_1.Slider.Control, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0', 'layer-variants:[&[data-orientation=vertical]]:flex-col layer-variants:[&[data-orientation=vertical]]:h-full layer-variants:[&[data-orientation=vertical]]:w-30px');
25
25
  exports.SliderTrack = (0, hooks_js_1.withClassName)(slider_1.Slider.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-lg layer-components:h-7px layer-components:ring-1 layer-components:ring-black layer-components:transition-colors layer-components:select-none', 'layer-variants:[&[data-orientation=vertical]]:w-7px layer-variants:[&[data-orientation=vertical]]:h-full layer-variants:[&[data-orientation=vertical]]:flex-1');
26
26
  exports.SliderRange = (0, hooks_js_1.withClassName)(slider_1.Slider.Indicator, 'layer-components:bg-main layer-components:rounded-lg layer-components:transition-colors', 'layer-variants:[&[data-orientation=vertical]]:bg-main');
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA8E;AAC9E,gDAAwB;AAExB,6CAA+C;AAGlC,QAAA,UAAU,GAAG,eAAU,CAAC,IAAI,CAAC;AAE7B,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,eAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,uBAAC,kBAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAA,cAAI,EAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,uBAAC,qBAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF;;;GAGG;AACI,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,uBAAC,cAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,wBAAC,mBAAW,eACX,uBAAC,mBAAW,KAAG,EACf,uBAAC,mBAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAbW,QAAA,QAAQ,YAanB;AAQW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAAgC;QAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAF;IAChC,OAAO,CACN,uBAAC,kBAAU,oBAAK,KAAK,cACpB,uBAAC,gBAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,mBAAW;IAClB,SAAS,EAAE,mBAAW;IACtB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,eAAU,CAAC,KAAK;IACvB,EAAE,EAAE,gBAAQ;CACZ,CACD,CAAC"}
1
+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA8E;AAC9E,gDAAwB;AAExB,6CAA+C;AAGlC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAU,CAAC,IAAI,EACf,yBAAyB,CACzB,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,eAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,uBAAC,kBAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAA,cAAI,EAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,uBAAC,qBAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF;;;GAGG;AACI,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,uBAAC,cAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,wBAAC,mBAAW,eACX,uBAAC,mBAAW,KAAG,EACf,uBAAC,mBAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAbW,QAAA,QAAQ,YAanB;AAQW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAAgC;QAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAF;IAChC,OAAO,CACN,uBAAC,kBAAU,oBAAK,KAAK,cACpB,uBAAC,gBAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,mBAAW;IAClB,SAAS,EAAE,mBAAW;IACtB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,eAAU,CAAC,KAAK;IACvB,EAAE,EAAE,gBAAQ;CACZ,CACD,CAAC"}
@@ -3,9 +3,9 @@ import { Slider } from './Slider.js';
3
3
  declare const meta: {
4
4
  title: string;
5
5
  component: (({ label, ...props }: import("./Slider.js").SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
6
- Root: <Value extends number | readonly number[]>(props: import("@base-ui/react/slider/index.parts.js").Root.Props<Value> & {
6
+ Root: import("react").FunctionComponent<import("@base-ui/react/slider/index.parts.js").Root.Props<number | readonly number[]> & {
7
7
  ref?: React.Ref<HTMLDivElement>;
8
- }) => React.JSX.Element;
8
+ }>;
9
9
  Base: ({ children, color, className, ...props }: import("./Slider.js").SliderProps) => import("react/jsx-runtime.js").JSX.Element;
10
10
  Control: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
11
11
  Track: import("react").FunctionComponent<import("@base-ui/react/slider/index.js").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;
@@ -26,7 +26,7 @@ exports.TabsTrigger = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Tab, 'la
26
26
  exports.TabsIndicator = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Indicator, 'layer-components:absolute layer-components:block layer-components:[transition-property:transform,width,color] layer-components:duration-300 layer-components:ease-out layer-components:rounded-full layer-components:b-gray-dark layer-components:bg-main-light', 'layer-components:left-0 layer-components:top-1/2 layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2 layer-components:w-[--active-tab-width] layer-components:h-full layer-components:z-0', 'layer-components:b-1 layer-components:b-gray-dark');
27
27
  exports.TabsContent = (0, withClassName_js_1.withClassName)(tabs_1.Tabs.Panel, 'layer-components:focus:outline-none layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-gray');
28
28
  const TabsList = (_a) => {
29
- var { children, className, color = 'gray' } = _a, props = __rest(_a, ["children", "className", "color"]);
29
+ var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
30
30
  return ((0, jsx_runtime_1.jsxs)(StyledTabsList, Object.assign({}, props, { className: (0, clsx_1.default)(`palette-${color}`, className), children: [children, (0, jsx_runtime_1.jsx)(exports.TabsIndicator, {})] })));
31
31
  };
32
32
  exports.TabsList = TabsList;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8CAI6B;AAC7B,gDAAwB;AACxB,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,WAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,IAAA,gCAAa,EACnC,WAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,gCAAa,EACzC,WAAa,CAAC,SAAS,EACvB,4IAA4I,EAC5I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,KAAK,EACnB,gGAAgG,CAChG,CAAC;AAEK,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,OAId,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,wBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,uBAAC,qBAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAZW,QAAA,QAAQ,YAYnB;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;IACpB,SAAS,EAAE,qBAAa;CACxB,CAAC,CAAC"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8CAI6B;AAC7B,gDAAwB;AACxB,mEAA6D;AAEhD,QAAA,QAAQ,GAAG,IAAA,gCAAa,EAAC,WAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,IAAA,gCAAa,EACnC,WAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,gCAAa,EACzC,WAAa,CAAC,SAAS,EACvB,4IAA4I,EAC5I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIW,QAAA,WAAW,GAAG,IAAA,gCAAa,EACvC,WAAa,CAAC,KAAK,EACnB,gGAAgG,CAChG,CAAC;AAEK,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,wBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,uBAAC,qBAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAZW,QAAA,QAAQ,YAYnB;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,gBAAQ;IACd,OAAO,EAAE,mBAAW;IACpB,OAAO,EAAE,mBAAW;IACpB,SAAS,EAAE,qBAAa;CACxB,CAAC,CAAC"}