geoiq-frontend-ui-kit 1.1.28 → 1.1.30
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/ui/responsive/responsive.config.d.ts.map +1 -1
- package/dist/components/ui/responsive/responsive.d.ts +4 -1
- package/dist/components/ui/responsive/responsive.d.ts.map +1 -1
- package/dist/components/ui/responsive/responsive.types.d.ts +16 -0
- package/dist/components/ui/responsive/responsive.types.d.ts.map +1 -0
- package/dist/components/ui/responsive/use-responsive.d.ts +1 -1
- package/dist/components/ui/responsive/use-responsive.d.ts.map +1 -1
- package/dist/index.es15.js +1 -1
- package/dist/index.es18.js +1 -1
- package/dist/index.es19.js +1 -1
- package/dist/index.es20.js +3 -3
- package/dist/index.es21.js +1 -1
- package/dist/index.es27.js +1 -1
- package/dist/index.es29.js +1 -1
- package/dist/index.es30.js +1 -1
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es56.js +1 -1
- package/dist/index.es71.js +88 -22
- package/dist/index.es71.js.map +1 -1
- package/dist/index.es72.js +118 -41
- package/dist/index.es72.js.map +1 -1
- package/dist/index.es73.js +11 -16
- package/dist/index.es73.js.map +1 -1
- package/dist/index.es74.js +8 -35
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +22 -88
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es76.js +48 -121
- package/dist/index.es76.js.map +1 -1
- package/dist/index.es77.js +37 -9
- package/dist/index.es77.js.map +1 -1
- package/dist/index.es80.js +10 -41
- package/dist/index.es80.js.map +1 -1
- package/dist/index.es81.js +35 -6
- package/dist/index.es81.js.map +1 -1
- package/dist/index.es82.js +39 -37
- package/dist/index.es82.js.map +1 -1
- package/dist/index.es9.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsive.config.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.config.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;
|
|
1
|
+
{"version":3,"file":"responsive.config.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.config.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;CAMiC,CAAA"}
|
|
@@ -7,5 +7,8 @@ export declare const Responsive: <T = {
|
|
|
7
7
|
lg: "1024px";
|
|
8
8
|
xl: "1280px";
|
|
9
9
|
xl2: "1536px";
|
|
10
|
-
}>(props: ResponsiveTypesNS
|
|
10
|
+
}>(props: ResponsiveTypesNS<T>["ResponsiveProps"]) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Omit<Partial<{ [key in keyof T]: React.ReactNode; }> & {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
breakpoints?: T | undefined;
|
|
13
|
+
}, "children" | "breakpoints">[Exclude<keyof T, "children" | "breakpoints">] | null | undefined;
|
|
11
14
|
//# sourceMappingURL=responsive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;UACnB,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;UACnB,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBAJxB,SAAS;;+FAsChC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type BaseResponsiveProps<T> = {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
breakpoints?: T;
|
|
4
|
+
};
|
|
5
|
+
type BreakpointRenders<T> = Partial<{
|
|
6
|
+
[key in keyof T]: React.ReactNode;
|
|
7
|
+
}>;
|
|
8
|
+
export type ResponsiveTypesNS<T> = {
|
|
9
|
+
BreakpointsType: {
|
|
10
|
+
[key: string]: `${number}px`;
|
|
11
|
+
};
|
|
12
|
+
BreakpointRenders: BreakpointRenders<T>;
|
|
13
|
+
ResponsiveProps: BreakpointRenders<T> & BaseResponsiveProps<T>;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=responsive.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.types.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAGzB,WAAW,CAAC,EAAE,CAAC,CAAA;CAChB,CAAA;AAED,KAAK,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC;KACjC,GAAG,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS;CAClC,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAA;KAAE,CAAA;IACjD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,eAAe,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAA;CAC/D,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ResponsiveTypesNS } from './responsive.types';
|
|
2
2
|
|
|
3
3
|
type ReturnType<T> = keyof T | 'base';
|
|
4
|
-
export declare const useResponsive: <T extends ResponsiveTypesNS
|
|
4
|
+
export declare const useResponsive: <T extends ResponsiveTypesNS<unknown>["BreakpointsType"] = {
|
|
5
5
|
sm: "640px";
|
|
6
6
|
md: "768px";
|
|
7
7
|
lg: "1024px";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/use-responsive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,KAAK,UAAU,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAA;AAErC,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"use-responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/use-responsive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,KAAK,UAAU,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAA;AAErC,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,iBAAiB,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC;;;;;;oBAEtC,CAAC,KACjB,UAAU,CAAC,CAAC,CAgCd,CAAA"}
|
package/dist/index.es15.js
CHANGED
|
@@ -6,7 +6,7 @@ import "./index.es44.js";
|
|
|
6
6
|
import "./index.es63.js";
|
|
7
7
|
import "./index.es26.js";
|
|
8
8
|
import "./index.es32.js";
|
|
9
|
-
import { TextAreaVariants as u } from "./index.
|
|
9
|
+
import { TextAreaVariants as u } from "./index.es74.js";
|
|
10
10
|
const m = e.forwardRef(
|
|
11
11
|
({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
|
|
12
12
|
const [r, s] = e.useState(!1), c = e.useRef(null);
|
package/dist/index.es18.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
2
|
import { cn as m } from "./index.es62.js";
|
|
3
3
|
import { TypographyVariants as n } from "./index.es56.js";
|
|
4
|
-
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.
|
|
4
|
+
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es75.js";
|
|
5
5
|
const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
|
|
6
6
|
const p = i[r];
|
|
7
7
|
return /* @__PURE__ */ o.createElement(
|
package/dist/index.es19.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cn as s } from "./index.es62.js";
|
|
3
|
-
import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.
|
|
3
|
+
import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es77.js";
|
|
4
4
|
import { Button as p } from "./index.es7.js";
|
|
5
5
|
import { Typography as u } from "./index.es18.js";
|
|
6
6
|
const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
|
package/dist/index.es20.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.
|
|
2
|
-
import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.
|
|
1
|
+
import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es71.js";
|
|
2
|
+
import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es72.js";
|
|
3
3
|
import e from "react";
|
|
4
4
|
import { Typography as B } from "./index.es18.js";
|
|
5
5
|
import { cn as f } from "./index.es62.js";
|
|
6
|
-
import { CrumbVariants as w } from "./index.
|
|
6
|
+
import { CrumbVariants as w } from "./index.es73.js";
|
|
7
7
|
function l({ field: r, isSelected: t }) {
|
|
8
8
|
return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
|
|
9
9
|
u,
|
package/dist/index.es21.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.
|
|
2
|
+
import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es72.js";
|
|
3
3
|
function k({
|
|
4
4
|
trigger: c,
|
|
5
5
|
optionGroups: r,
|
package/dist/index.es27.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as o from "@radix-ui/react-slider";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { cn as i } from "./index.es62.js";
|
|
4
|
-
import { SliderVariants as t } from "./index.
|
|
4
|
+
import { SliderVariants as t } from "./index.es80.js";
|
|
5
5
|
const s = e.forwardRef(({ className: r, ...l }, a) => (
|
|
6
6
|
// <div className='bg-light-3 h-[100px] w-full flex'>
|
|
7
7
|
/* @__PURE__ */ e.createElement(
|
package/dist/index.es29.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StepperProvider as r, StepGroup as p } from "./index.
|
|
1
|
+
import { StepperProvider as r, StepGroup as p } from "./index.es82.js";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
const m = ({ value: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, { steps: t }, /* @__PURE__ */ e.createElement(p, null)));
|
|
4
4
|
m.displayName = "Stepper";
|
package/dist/index.es30.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as t from "@radix-ui/react-tabs";
|
|
3
3
|
import { cn as n } from "./index.es62.js";
|
|
4
|
-
import { TabsVariants as d, TabTriggerVariants as T } from "./index.
|
|
4
|
+
import { TabsVariants as d, TabTriggerVariants as T } from "./index.es81.js";
|
|
5
5
|
const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
t.List,
|
|
7
7
|
{
|
package/dist/index.es39.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es39.js","sources":["../src/components/ui/responsive/responsive.tsx"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { type ResponsiveTypesNS } from './responsive.types'\n\nexport const Responsive = <T = typeof Breakpoints,>(\n props: ResponsiveTypesNS
|
|
1
|
+
{"version":3,"file":"index.es39.js","sources":["../src/components/ui/responsive/responsive.tsx"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { type ResponsiveTypesNS } from './responsive.types'\n\nexport const Responsive = <T = typeof Breakpoints,>(\n props: ResponsiveTypesNS<T>['ResponsiveProps']\n) => {\n const { children, breakpoints = Breakpoints, ...breakpointRenders } = props\n\n let innerWidth = 0\n if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n const toRenderBreakpoint = React.useMemo((): keyof T | null => {\n const keys = Object.keys(breakpointRenders)\n\n if (keys.length === 0) return null\n else {\n let breakpointReturn = null\n let breakpointLimit = 0\n\n keys.forEach((key) => {\n const breakpointValue = parseInt(\n breakpoints[key as keyof (T | typeof Breakpoints)] as string\n )\n if (\n innerWidth >= breakpointValue &&\n breakpointValue > breakpointLimit\n ) {\n breakpointReturn = key\n breakpointLimit = breakpointValue\n }\n })\n return breakpointReturn\n }\n }, [innerWidth, breakpoints, breakpointRenders])\n\n return toRenderBreakpoint\n ? breakpointRenders[toRenderBreakpoint as keyof typeof breakpointRenders]\n : children\n}\n"],"names":["Responsive","props","children","breakpoints","Breakpoints","breakpointRenders","innerWidth","toRenderBreakpoint","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAIa,MAAAA,IAAa,CACxBC,MACG;AACH,QAAM,EAAE,UAAAC,GAAU,aAAAC,IAAcC,GAAa,GAAGC,EAAsB,IAAAJ;AAEtE,MAAIK,IAAa;AACjB,EAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc;AAEhE,QAAAC,IAAqBC,EAAM,QAAQ,MAAsB;AACvD,UAAAC,IAAO,OAAO,KAAKJ,CAAiB;AAEtC,QAAAI,EAAK,WAAW,EAAU,QAAA;AACzB;AACH,UAAIC,IAAmB,MACnBC,IAAkB;AAEjB,aAAAF,EAAA,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBV,EAAYS,CAAqC;AAAA,QAAA;AAGjD,QAAAN,KAAcO,KACdA,IAAkBF,MAECD,IAAAE,GACDD,IAAAE;AAAA,MACpB,CACD,GACMH;AAAA,IACT;AAAA,EACC,GAAA,CAACJ,GAAYH,GAAaE,CAAiB,CAAC;AAExC,SAAAE,IACHF,EAAkBE,CAAoD,IACtEL;AACN;"}
|
package/dist/index.es40.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es40.js","sources":["../src/components/ui/responsive/responsive.config.ts"],"sourcesContent":["import { ResponsiveTypesNS } from './responsive.types'\n\n/**\n * Actually Tailwind's default Breakpoints.\n * For more info see: https://tailwindcss.com/docs/responsive-design#customizing-your-theme\n */\nexport const Breakpoints = {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n xl2: '1536px', // Renamed from 2xl to xl2 for JS Object key compatibility\n} satisfies ResponsiveTypesNS
|
|
1
|
+
{"version":3,"file":"index.es40.js","sources":["../src/components/ui/responsive/responsive.config.ts"],"sourcesContent":["import { ResponsiveTypesNS } from './responsive.types'\n\n/**\n * Actually Tailwind's default Breakpoints.\n * For more info see: https://tailwindcss.com/docs/responsive-design#customizing-your-theme\n */\nexport const Breakpoints = {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n xl2: '1536px', // Renamed from 2xl to xl2 for JS Object key compatibility\n} satisfies ResponsiveTypesNS<unknown>['BreakpointsType']\n"],"names":["Breakpoints"],"mappings":"AAMO,MAAMA,IAAc;AAAA,EACzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA;AACP;"}
|
package/dist/index.es41.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es41.js","sources":["../src/components/ui/responsive/use-responsive.ts"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { ResponsiveTypesNS } from './responsive.types'\n\ntype ReturnType<T> = keyof T | 'base'\n\nexport const useResponsive = <\n T extends ResponsiveTypesNS
|
|
1
|
+
{"version":3,"file":"index.es41.js","sources":["../src/components/ui/responsive/use-responsive.ts"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { ResponsiveTypesNS } from './responsive.types'\n\ntype ReturnType<T> = keyof T | 'base'\n\nexport const useResponsive = <\n T extends ResponsiveTypesNS<unknown>['BreakpointsType'] = typeof Breakpoints,\n>(\n breakpointsObj?: T\n): ReturnType<T> => {\n const breakpoints = breakpointsObj ?? Breakpoints\n\n let innerWidth = 0\n if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n const currentBreakpoint = React.useMemo((): ReturnType<T> => {\n const keys = Object.keys(breakpoints)\n\n if (keys.length === 0) return 'base'\n else {\n let breakpointReturn: ReturnType<T> = 'base'\n let breakpointLimit = 0\n\n keys.forEach((key) => {\n const breakpointValue = parseInt(\n breakpoints[key as keyof (T | typeof Breakpoints)] as string\n )\n if (\n innerWidth >= breakpointValue &&\n breakpointValue > breakpointLimit\n ) {\n breakpointReturn = key as ReturnType<T>\n breakpointLimit = breakpointValue\n }\n })\n\n return breakpointReturn\n }\n }, [innerWidth, breakpoints])\n\n return currentBreakpoint\n}\n"],"names":["useResponsive","breakpointsObj","breakpoints","Breakpoints","innerWidth","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAMa,MAAAA,IAAgB,CAG3BC,MACkB;AAClB,QAAMC,IAAcD,KAAkBE;AAEtC,MAAIC,IAAa;AACjB,SAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc,IAE5CC,EAAM,QAAQ,MAAqB;AACrD,UAAAC,IAAO,OAAO,KAAKJ,CAAW;AAEhC,QAAAI,EAAK,WAAW,EAAU,QAAA;AACzB;AACH,UAAIC,IAAkC,QAClCC,IAAkB;AAEjB,aAAAF,EAAA,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBR,EAAYO,CAAqC;AAAA,QAAA;AAGjD,QAAAL,KAAcM,KACdA,IAAkBF,MAECD,IAAAE,GACDD,IAAAE;AAAA,MACpB,CACD,GAEMH;AAAA,IACT;AAAA,EAAA,GACC,CAACH,GAAYF,CAAW,CAAC;AAG9B;"}
|
package/dist/index.es56.js
CHANGED
package/dist/index.es71.js
CHANGED
|
@@ -1,25 +1,91 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { Slot as o } from "@radix-ui/react-slot";
|
|
3
|
+
import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
|
|
4
|
+
import { cn as m } from "./index.es62.js";
|
|
5
|
+
const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
|
|
6
|
+
i.displayName = "Breadcrumb";
|
|
7
|
+
const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
8
|
+
"ol",
|
|
9
|
+
{
|
|
10
|
+
ref: t,
|
|
11
|
+
className: m(
|
|
12
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
|
|
13
|
+
r
|
|
14
|
+
),
|
|
15
|
+
...a
|
|
16
|
+
}
|
|
17
|
+
));
|
|
18
|
+
d.displayName = "BreadcrumbList";
|
|
19
|
+
const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
20
|
+
"li",
|
|
21
|
+
{
|
|
22
|
+
ref: t,
|
|
23
|
+
className: m("inline-flex items-center gap-1.5", r),
|
|
24
|
+
...a
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
p.displayName = "BreadcrumbItem";
|
|
28
|
+
const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
|
|
29
|
+
const n = r ? o : "a";
|
|
30
|
+
return /* @__PURE__ */ e.createElement(
|
|
31
|
+
n,
|
|
32
|
+
{
|
|
33
|
+
ref: s,
|
|
34
|
+
className: m("transition-colors hover:text-foreground", a),
|
|
35
|
+
...t
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
u.displayName = "BreadcrumbLink";
|
|
40
|
+
const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
41
|
+
"span",
|
|
42
|
+
{
|
|
43
|
+
ref: t,
|
|
44
|
+
role: "link",
|
|
45
|
+
"aria-disabled": "true",
|
|
46
|
+
"aria-current": "page",
|
|
47
|
+
className: m("font-normal text-foreground", r),
|
|
48
|
+
...a
|
|
49
|
+
}
|
|
50
|
+
));
|
|
51
|
+
f.displayName = "BreadcrumbPage";
|
|
52
|
+
const b = ({
|
|
53
|
+
children: r,
|
|
54
|
+
className: a,
|
|
55
|
+
...t
|
|
56
|
+
}) => /* @__PURE__ */ e.createElement(
|
|
57
|
+
"li",
|
|
58
|
+
{
|
|
59
|
+
role: "presentation",
|
|
60
|
+
"aria-hidden": "true",
|
|
61
|
+
className: m("[&>svg]:size-3.5", a),
|
|
62
|
+
...t
|
|
63
|
+
},
|
|
64
|
+
r ?? /* @__PURE__ */ e.createElement(l, null)
|
|
65
|
+
);
|
|
66
|
+
b.displayName = "BreadcrumbSeparator";
|
|
67
|
+
const N = ({
|
|
68
|
+
className: r,
|
|
69
|
+
...a
|
|
70
|
+
}) => /* @__PURE__ */ e.createElement(
|
|
71
|
+
"span",
|
|
72
|
+
{
|
|
73
|
+
role: "presentation",
|
|
74
|
+
"aria-hidden": "true",
|
|
75
|
+
className: m("flex h-9 w-9 items-center justify-center", r),
|
|
76
|
+
...a
|
|
77
|
+
},
|
|
78
|
+
/* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
|
|
79
|
+
/* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
|
|
80
|
+
);
|
|
81
|
+
N.displayName = "BreadcrumbElipssis";
|
|
21
82
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
83
|
+
i as Breadcrumb,
|
|
84
|
+
N as BreadcrumbEllipsis,
|
|
85
|
+
p as BreadcrumbItem,
|
|
86
|
+
u as BreadcrumbLink,
|
|
87
|
+
d as BreadcrumbList,
|
|
88
|
+
f as BreadcrumbPage,
|
|
89
|
+
b as BreadcrumbSeparator
|
|
24
90
|
};
|
|
25
91
|
//# sourceMappingURL=index.es71.js.map
|
package/dist/index.es71.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es71.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es71.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & {\n separator?: React.ReactNode\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n className\n )}\n {...props}\n />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn('inline-flex items-center gap-1.5', className)}\n {...props}\n />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<'a'> & {\n asChild?: boolean\n }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : 'a'\n\n return (\n <Comp\n ref={ref}\n className={cn('transition-colors hover:text-foreground', className)}\n {...props}\n />\n )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('font-normal text-foreground', className)}\n {...props}\n />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5', className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAEvB,MAAAG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAEvB,MAAAC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAM,GAAGC,MAAQ;AACrC,QAAAO,IAAOD,IAAUE,IAAO;AAG5B,SAAA,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAEvB,MAAAI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAa,IAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,EACnC,gBAAAhB,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}
|
package/dist/index.es72.js
CHANGED
|
@@ -1,48 +1,125 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
false: ""
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
variant: "info"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
), a = t("", {
|
|
23
|
-
variants: {
|
|
24
|
-
shortContent: {
|
|
25
|
-
true: "justify-center items-center flex flex-row gap-3",
|
|
26
|
-
false: "flex flex-col gap-2 justify-start items-start"
|
|
27
|
-
}
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import * as t from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
import { ChevronRight as l, Check as i, Circle as m } from "lucide-react";
|
|
4
|
+
import { cn as d } from "./index.es62.js";
|
|
5
|
+
const h = t.Root, E = t.Trigger, D = t.Group, M = t.Portal, R = t.Sub, c = e.forwardRef(({ className: a, inset: o, children: n, ...r }, s) => /* @__PURE__ */ e.createElement(
|
|
6
|
+
t.SubTrigger,
|
|
7
|
+
{
|
|
8
|
+
ref: s,
|
|
9
|
+
className: d(
|
|
10
|
+
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
|
|
11
|
+
o && "pl-8",
|
|
12
|
+
a
|
|
13
|
+
),
|
|
14
|
+
...r
|
|
28
15
|
},
|
|
29
|
-
|
|
30
|
-
|
|
16
|
+
n,
|
|
17
|
+
/* @__PURE__ */ e.createElement(l, { className: "ml-auto h-4 w-4" })
|
|
18
|
+
));
|
|
19
|
+
c.displayName = t.SubTrigger.displayName;
|
|
20
|
+
const p = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
21
|
+
t.SubContent,
|
|
22
|
+
{
|
|
23
|
+
ref: n,
|
|
24
|
+
className: d(
|
|
25
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
26
|
+
a
|
|
27
|
+
),
|
|
28
|
+
...o
|
|
29
|
+
}
|
|
30
|
+
));
|
|
31
|
+
p.displayName = t.SubContent.displayName;
|
|
32
|
+
const u = e.forwardRef(({ className: a, sideOffset: o = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
|
|
33
|
+
t.Content,
|
|
34
|
+
{
|
|
35
|
+
ref: r,
|
|
36
|
+
sideOffset: o,
|
|
37
|
+
className: d(
|
|
38
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
39
|
+
a
|
|
40
|
+
),
|
|
41
|
+
...n
|
|
42
|
+
}
|
|
43
|
+
)));
|
|
44
|
+
u.displayName = t.Content.displayName;
|
|
45
|
+
const f = e.forwardRef(({ className: a, inset: o, ...n }, r) => /* @__PURE__ */ e.createElement(
|
|
46
|
+
t.Item,
|
|
47
|
+
{
|
|
48
|
+
ref: r,
|
|
49
|
+
className: d(
|
|
50
|
+
"relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50 cursor-pointer data-[disabled]:cursor-not-allowed",
|
|
51
|
+
o && "pl-8",
|
|
52
|
+
a
|
|
53
|
+
),
|
|
54
|
+
...n
|
|
31
55
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
56
|
+
));
|
|
57
|
+
f.displayName = t.Item.displayName;
|
|
58
|
+
const b = e.forwardRef(({ className: a, children: o, checked: n, ...r }, s) => /* @__PURE__ */ e.createElement(
|
|
59
|
+
t.CheckboxItem,
|
|
60
|
+
{
|
|
61
|
+
ref: s,
|
|
62
|
+
className: d(
|
|
63
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
64
|
+
a
|
|
65
|
+
),
|
|
66
|
+
checked: n,
|
|
67
|
+
disabled: !0,
|
|
68
|
+
...r
|
|
69
|
+
},
|
|
70
|
+
/* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "h-4 w-4" }))),
|
|
71
|
+
o
|
|
72
|
+
));
|
|
73
|
+
b.displayName = t.CheckboxItem.displayName;
|
|
74
|
+
const w = e.forwardRef(({ className: a, children: o, ...n }, r) => /* @__PURE__ */ e.createElement(
|
|
75
|
+
t.RadioItem,
|
|
76
|
+
{
|
|
77
|
+
ref: r,
|
|
78
|
+
className: d(
|
|
79
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
80
|
+
a
|
|
81
|
+
),
|
|
82
|
+
...n
|
|
38
83
|
},
|
|
39
|
-
|
|
40
|
-
|
|
84
|
+
/* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(m, { className: "h-2 w-2 fill-current" }))),
|
|
85
|
+
o
|
|
86
|
+
));
|
|
87
|
+
w.displayName = t.RadioItem.displayName;
|
|
88
|
+
const g = e.forwardRef(({ className: a, inset: o, ...n }, r) => /* @__PURE__ */ e.createElement(
|
|
89
|
+
t.Label,
|
|
90
|
+
{
|
|
91
|
+
ref: r,
|
|
92
|
+
className: d(
|
|
93
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
94
|
+
o && "pl-8",
|
|
95
|
+
a
|
|
96
|
+
),
|
|
97
|
+
...n
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
g.displayName = t.Label.displayName;
|
|
101
|
+
const N = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
102
|
+
t.Separator,
|
|
103
|
+
{
|
|
104
|
+
ref: n,
|
|
105
|
+
className: d("-mx-1 my-1 h-px bg-muted", a),
|
|
106
|
+
...o
|
|
41
107
|
}
|
|
42
|
-
|
|
108
|
+
));
|
|
109
|
+
N.displayName = t.Separator.displayName;
|
|
43
110
|
export {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
111
|
+
h as DropdownMenu,
|
|
112
|
+
b as DropdownMenuCheckboxItem,
|
|
113
|
+
u as DropdownMenuContent,
|
|
114
|
+
D as DropdownMenuGroup,
|
|
115
|
+
f as DropdownMenuItem,
|
|
116
|
+
g as DropdownMenuLabel,
|
|
117
|
+
M as DropdownMenuPortal,
|
|
118
|
+
w as DropdownMenuRadioItem,
|
|
119
|
+
N as DropdownMenuSeparator,
|
|
120
|
+
R as DropdownMenuSub,
|
|
121
|
+
p as DropdownMenuSubContent,
|
|
122
|
+
c as DropdownMenuSubTrigger,
|
|
123
|
+
E as DropdownMenuTrigger
|
|
47
124
|
};
|
|
48
125
|
//# sourceMappingURL=index.es72.js.map
|
package/dist/index.es72.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es72.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n 'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n {\n variants: {\n variant: {\n info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n success:\n 'text-text4 dark:border-danger [&>svg]:text-danger bg-success-1',\n warning:\n 'text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n error:\n ' text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1',\n default: 'text-text4 bg-background text-foreground',\n },\n shortContent: {\n true: 'justify-center items-center flex flex-row gap-3',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }\n)\n\nexport const AlertContentVariants = cva('', {\n variants: {\n shortContent: {\n true: 'justify-center items-center flex flex-row gap-3',\n false: 'flex flex-col gap-2 justify-start items-start',\n },\n },\n defaultVariants: {\n shortContent: false,\n },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n variants: {\n shortContent: {\n true: 'bg-rest-s1',\n false: 'bg-rest-s1',\n },\n },\n defaultVariants: {\n shortContent: false,\n },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}
|
|
1
|
+
{"version":3,"file":"index.es72.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n inset && 'pl-8',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => {\n return (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50 cursor-pointer data-[disabled]:cursor-not-allowed',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n checked={checked}\n disabled\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n 'px-2 py-1.5 text-sm font-semibold',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 my-1 h-px bg-muted', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}
|
package/dist/index.es73.js
CHANGED
|
@@ -1,25 +1,20 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
text-light-1 px-3 py-2
|
|
5
|
-
file:border-0 file:bg-transparent
|
|
6
|
-
placeholder:font-normal placeholder:text-light-4`,
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const r = t(
|
|
3
|
+
"rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
|
|
7
4
|
{
|
|
8
5
|
variants: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
type: {
|
|
7
|
+
icon: "p-1",
|
|
8
|
+
text: "px-2 py-1"
|
|
12
9
|
},
|
|
13
|
-
|
|
14
|
-
true: "
|
|
15
|
-
false: ""
|
|
10
|
+
isSelected: {
|
|
11
|
+
true: "text-light-2 stroke-light-1 bg-light-3",
|
|
12
|
+
false: "text-light-3 stroke-light-2"
|
|
16
13
|
}
|
|
17
|
-
}
|
|
18
|
-
defaultVariants: {},
|
|
19
|
-
compoundVariants: []
|
|
14
|
+
}
|
|
20
15
|
}
|
|
21
16
|
);
|
|
22
17
|
export {
|
|
23
|
-
|
|
18
|
+
r as CrumbVariants
|
|
24
19
|
};
|
|
25
20
|
//# sourceMappingURL=index.es73.js.map
|
package/dist/index.es73.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es73.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es73.js","sources":["../src/components/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n 'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n {\n variants: {\n type: {\n icon: 'p-1',\n text: 'px-2 py-1',\n },\n isSelected: {\n true: 'text-light-2 stroke-light-1 bg-light-3',\n false: 'text-light-3 stroke-light-2',\n },\n },\n }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;"}
|