geoiq-frontend-ui-kit 1.1.28 → 1.1.29

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.
@@ -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;;;;;;CAMqB,CAAA"}
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,5 @@ export declare const Responsive: <T = {
7
7
  lg: "1024px";
8
8
  xl: "1280px";
9
9
  xl2: "1536px";
10
- }>(props: ResponsiveTypesNS.ResponsiveProps<T>) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Omit<ResponsiveTypesNS.ResponsiveProps<T>, "children" | "breakpoints">[Exclude<keyof T, "children" | "breakpoints">] | null | undefined;
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; }> & import('./responsive.types').BaseResponsiveProps<T>, "children" | "breakpoints">[Exclude<keyof T, "children" | "breakpoints">] | null | undefined;
11
11
  //# 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,eAAe,CAAC,CAAC,CAAC,yQAkC5C,CAAA"}
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,0UAkC/C,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.BreakpointsType = {
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,eAAe;;;;;;oBAE1B,CAAC,KACjB,UAAU,CAAC,CAAC,CAgCd,CAAA"}
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"}
@@ -1,7 +1,7 @@
1
1
  import * as r from "react";
2
2
  import * as a from "@radix-ui/react-progress";
3
3
  import { cn as n } from "./index.es62.js";
4
- import { ProgressVariants as i } from "./index.es70.js";
4
+ import { ProgressVariants as i } from "./index.es76.js";
5
5
  const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
6
6
  const s = (o || 0) / (e.max || 100) * 100;
7
7
  return /* @__PURE__ */ r.createElement(
@@ -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.es73.js";
9
+ import { TextAreaVariants as u } from "./index.es72.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);
@@ -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.es72.js";
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(
@@ -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.es75.js";
2
- import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es76.js";
1
+ import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es73.js";
2
+ import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es74.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.es77.js";
6
+ import { CrumbVariants as w } from "./index.es75.js";
7
7
  function l({ field: r, isSelected: t }) {
8
8
  return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
9
9
  u,
@@ -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.es76.js";
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.es74.js";
3
3
  function k({
4
4
  trigger: c,
5
5
  optionGroups: r,
@@ -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.ResponsiveProps<T>\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;"}
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;"}
@@ -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.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;"}
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;"}
@@ -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.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;"}
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;"}
@@ -1,14 +1,52 @@
1
1
  import { cva as r } from "class-variance-authority";
2
- const i = r(
3
- "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
2
+ const s = r(
3
+ ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
4
+ text-light-2 px-3 py-2
5
+ file:border-0 file:bg-transparent
6
+ placeholder:font-normal placeholder:text-light-4`,
4
7
  {
5
8
  variants: {
6
- variant: {}
9
+ isError: {
10
+ true: "",
11
+ false: ""
12
+ },
13
+ isFocused: {
14
+ true: "",
15
+ false: ""
16
+ },
17
+ disabled: {
18
+ true: "bg-light-3 border-neutral-2 cursor-not-allowed",
19
+ false: ""
20
+ }
7
21
  },
8
- defaultVariants: {}
22
+ defaultVariants: {
23
+ isError: !1
24
+ },
25
+ compoundVariants: [
26
+ {
27
+ isError: !0,
28
+ isFocused: !0,
29
+ className: "border-danger-2 ring-4 ring-danger-1"
30
+ },
31
+ {
32
+ isError: !1,
33
+ isFocused: !0,
34
+ className: "border-primary-2 ring-4 ring-primary-1"
35
+ },
36
+ {
37
+ isError: !0,
38
+ isFocused: !1,
39
+ className: "border-danger-2"
40
+ },
41
+ {
42
+ isError: !1,
43
+ isFocused: !1,
44
+ className: "border-light-2"
45
+ }
46
+ ]
9
47
  }
10
48
  );
11
49
  export {
12
- i as ProgressVariants
50
+ s as InputVariants
13
51
  };
14
52
  //# sourceMappingURL=index.es70.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es70.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n 'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n {\n variants: {\n variant: {},\n },\n defaultVariants: {},\n }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
1
+ {"version":3,"file":"index.es70.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-2 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isError: {\n true: '',\n false: '',\n },\n isFocused: {\n true: '',\n false: '',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n isError: false,\n },\n compoundVariants: [\n {\n isError: true,\n isFocused: true,\n className: 'border-danger-2 ring-4 ring-danger-1',\n },\n {\n isError: false,\n isFocused: true,\n className: 'border-primary-2 ring-4 ring-primary-1',\n },\n {\n isError: true,\n isFocused: false,\n className: 'border-danger-2',\n },\n {\n isError: false,\n isFocused: false,\n className: 'border-light-2',\n },\n ],\n }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
@@ -1,48 +1,25 @@
1
- import { cva as t } from "class-variance-authority";
2
- const r = t(
3
- "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
1
+ import { cva as r } from "class-variance-authority";
2
+ const t = r(
3
+ ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
4
+ text-light-1 px-3 py-2
5
+ file:border-0 file:bg-transparent
6
+ placeholder:font-normal placeholder:text-light-4`,
4
7
  {
5
8
  variants: {
6
- variant: {
7
- info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
8
- success: "text-text4 dark:border-danger [&>svg]:text-danger bg-success-1",
9
- warning: "text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ",
10
- error: " text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1",
11
- default: "text-text4 bg-background text-foreground"
9
+ isFocused: {
10
+ true: "border-primary-2 ring-4 ring-primary-1",
11
+ false: "border-light-2"
12
12
  },
13
- shortContent: {
14
- true: "justify-center items-center flex flex-row gap-3",
13
+ disabled: {
14
+ true: "bg-light-3 border-neutral-2 cursor-not-allowed",
15
15
  false: ""
16
16
  }
17
17
  },
18
- defaultVariants: {
19
- variant: "info"
20
- }
18
+ defaultVariants: {},
19
+ compoundVariants: []
21
20
  }
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
- }
28
- },
29
- defaultVariants: {
30
- shortContent: !1
31
- }
32
- }), n = t(" max-w-[fit-content] ", {
33
- variants: {
34
- shortContent: {
35
- true: "bg-rest-s1",
36
- false: "bg-rest-s1"
37
- }
38
- },
39
- defaultVariants: {
40
- shortContent: !1
41
- }
42
- });
21
+ );
43
22
  export {
44
- n as AlertButtonVariants,
45
- a as AlertContentVariants,
46
- r as AlertVariants
23
+ t as TextAreaVariants
47
24
  };
48
25
  //# sourceMappingURL=index.es72.js.map
@@ -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/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-1 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isFocused: {\n true: 'border-primary-2 ring-4 ring-primary-1',\n false: 'border-light-2',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {},\n compoundVariants: [],\n }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
@@ -1,25 +1,91 @@
1
- import { cva as r } from "class-variance-authority";
2
- const t = r(
3
- ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
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 * 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",
7
9
  {
8
- variants: {
9
- isFocused: {
10
- true: "border-primary-2 ring-4 ring-primary-1",
11
- false: "border-light-2"
12
- },
13
- disabled: {
14
- true: "bg-light-3 border-neutral-2 cursor-not-allowed",
15
- false: ""
16
- }
17
- },
18
- defaultVariants: {},
19
- compoundVariants: []
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
20
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")
21
80
  );
81
+ N.displayName = "BreadcrumbElipssis";
22
82
  export {
23
- t as TextAreaVariants
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.es73.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es73.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-1 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isFocused: {\n true: 'border-primary-2 ring-4 ring-primary-1',\n false: 'border-light-2',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {},\n compoundVariants: [],\n }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
1
+ {"version":3,"file":"index.es73.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;"}
@@ -1,52 +1,125 @@
1
- import { cva as r } from "class-variance-authority";
2
- const s = r(
3
- ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
4
- text-light-2 px-3 py-2
5
- file:border-0 file:bg-transparent
6
- placeholder:font-normal placeholder:text-light-4`,
7
- {
8
- variants: {
9
- isError: {
10
- true: "",
11
- false: ""
12
- },
13
- isFocused: {
14
- true: "",
15
- false: ""
16
- },
17
- disabled: {
18
- true: "bg-light-3 border-neutral-2 cursor-not-allowed",
19
- false: ""
20
- }
21
- },
22
- defaultVariants: {
23
- isError: !1
24
- },
25
- compoundVariants: [
26
- {
27
- isError: !0,
28
- isFocused: !0,
29
- className: "border-danger-2 ring-4 ring-danger-1"
30
- },
31
- {
32
- isError: !1,
33
- isFocused: !0,
34
- className: "border-primary-2 ring-4 ring-primary-1"
35
- },
36
- {
37
- isError: !0,
38
- isFocused: !1,
39
- className: "border-danger-2"
40
- },
41
- {
42
- isError: !1,
43
- isFocused: !1,
44
- className: "border-light-2"
45
- }
46
- ]
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
15
+ },
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
55
+ }
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
83
+ },
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
47
107
  }
48
- );
108
+ ));
109
+ N.displayName = t.Separator.displayName;
49
110
  export {
50
- s as InputVariants
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
51
124
  };
52
125
  //# sourceMappingURL=index.es74.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es74.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-2 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isError: {\n true: '',\n false: '',\n },\n isFocused: {\n true: '',\n false: '',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n isError: false,\n },\n compoundVariants: [\n {\n isError: true,\n isFocused: true,\n className: 'border-danger-2 ring-4 ring-danger-1',\n },\n {\n isError: false,\n isFocused: true,\n className: 'border-primary-2 ring-4 ring-primary-1',\n },\n {\n isError: true,\n isFocused: false,\n className: 'border-danger-2',\n },\n {\n isError: false,\n isFocused: false,\n className: 'border-light-2',\n },\n ],\n }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"index.es74.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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"}
@@ -1,91 +1,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",
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 ",
9
4
  {
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
5
+ variants: {
6
+ type: {
7
+ icon: "p-1",
8
+ text: "px-2 py-1"
9
+ },
10
+ isSelected: {
11
+ true: "text-light-2 stroke-light-1 bg-light-3",
12
+ false: "text-light-3 stroke-light-2"
13
+ }
36
14
  }
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
15
  }
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
16
  );
81
- N.displayName = "BreadcrumbElipssis";
82
17
  export {
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
18
+ r as CrumbVariants
90
19
  };
91
20
  //# sourceMappingURL=index.es75.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es75.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;"}
1
+ {"version":3,"file":"index.es75.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;"}
@@ -1,125 +1,14 @@
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,
1
+ import { cva as r } from "class-variance-authority";
2
+ const i = r(
3
+ "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
7
4
  {
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
15
- },
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
55
- }
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
83
- },
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
5
+ variants: {
6
+ variant: {}
7
+ },
8
+ defaultVariants: {}
107
9
  }
108
- ));
109
- N.displayName = t.Separator.displayName;
10
+ );
110
11
  export {
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
12
+ i as ProgressVariants
124
13
  };
125
14
  //# sourceMappingURL=index.es76.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es76.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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"}
1
+ {"version":3,"file":"index.es76.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n 'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n {\n variants: {\n variant: {},\n },\n defaultVariants: {},\n }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
@@ -1,20 +1,48 @@
1
1
  import { cva as t } from "class-variance-authority";
2
2
  const r = t(
3
- "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
3
+ "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
4
4
  {
5
5
  variants: {
6
- type: {
7
- icon: "p-1",
8
- text: "px-2 py-1"
6
+ variant: {
7
+ info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
8
+ success: "text-text4 dark:border-danger [&>svg]:text-danger bg-success-1",
9
+ warning: "text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ",
10
+ error: " text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1",
11
+ default: "text-text4 bg-background text-foreground"
9
12
  },
10
- isSelected: {
11
- true: "text-light-2 stroke-light-1 bg-light-3",
12
- false: "text-light-3 stroke-light-2"
13
+ shortContent: {
14
+ true: "items-center flex flex-row gap-3",
15
+ false: ""
13
16
  }
17
+ },
18
+ defaultVariants: {
19
+ variant: "info"
14
20
  }
15
21
  }
16
- );
22
+ ), a = t("", {
23
+ variants: {
24
+ shortContent: {
25
+ true: "justify-between w-full items-center flex flex-row gap-3",
26
+ false: "flex flex-col gap-2 justify-start items-start"
27
+ }
28
+ },
29
+ defaultVariants: {
30
+ shortContent: !1
31
+ }
32
+ }), n = t(" max-w-[fit-content] ", {
33
+ variants: {
34
+ shortContent: {
35
+ true: "bg-rest-s1",
36
+ false: "bg-rest-s1"
37
+ }
38
+ },
39
+ defaultVariants: {
40
+ shortContent: !1
41
+ }
42
+ });
17
43
  export {
18
- r as CrumbVariants
44
+ n as AlertButtonVariants,
45
+ a as AlertContentVariants,
46
+ r as AlertVariants
19
47
  };
20
48
  //# sourceMappingURL=index.es77.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es77.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;"}
1
+ {"version":3,"file":"index.es77.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: '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-between w-full 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;"}
package/dist/index.es9.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as e from "react";
2
2
  import { cn as f } from "./index.es62.js";
3
- import { InputVariants as p } from "./index.es74.js";
3
+ import { InputVariants as p } from "./index.es70.js";
4
4
  import { Typography as E } from "./index.es18.js";
5
5
  import { XCircle as g } from "lucide-react";
6
6
  const N = e.forwardRef(
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "geoiq-frontend-ui-kit",
3
3
  "private": false,
4
- "version": "1.1.28",
4
+ "version": "1.1.29",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.es.js",
@@ -108,4 +108,4 @@
108
108
  "vite",
109
109
  "ux"
110
110
  ]
111
- }
111
+ }