@iit/precision-ui 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/Adapters.d.ts +0 -7
  2. package/dist/Adapters.d.ts.map +1 -1
  3. package/dist/components/GridIterator.d.ts.map +1 -1
  4. package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts.map +1 -1
  5. package/dist/decorators/CarouselWrapper.d.ts +4 -4
  6. package/dist/decorators/CarouselWrapper.d.ts.map +1 -1
  7. package/dist/index.es12.js +12 -13
  8. package/dist/index.es12.js.map +1 -1
  9. package/dist/index.es13.js +2 -2
  10. package/dist/index.es15.js.map +1 -1
  11. package/dist/index.es16.js +9 -10
  12. package/dist/index.es16.js.map +1 -1
  13. package/dist/index.es19.js +2 -2
  14. package/dist/index.es22.js +7 -7
  15. package/dist/index.es23.js +1 -1
  16. package/dist/index.es24.js +1 -1
  17. package/dist/index.es27.js.map +1 -1
  18. package/dist/index.es28.js +20 -2
  19. package/dist/index.es28.js.map +1 -1
  20. package/dist/index.es29.js +17 -17
  21. package/dist/index.es29.js.map +1 -1
  22. package/dist/index.es30.js +10 -19
  23. package/dist/index.es30.js.map +1 -1
  24. package/dist/index.es31.js +85 -11
  25. package/dist/index.es31.js.map +1 -1
  26. package/dist/index.es32.js +17 -83
  27. package/dist/index.es32.js.map +1 -1
  28. package/dist/index.es33.js +41 -14
  29. package/dist/index.es33.js.map +1 -1
  30. package/dist/index.es34.js +39 -40
  31. package/dist/index.es34.js.map +1 -1
  32. package/dist/index.es35.js +33 -41
  33. package/dist/index.es35.js.map +1 -1
  34. package/dist/index.es36.js +53 -34
  35. package/dist/index.es36.js.map +1 -1
  36. package/dist/index.es37.js +73 -37
  37. package/dist/index.es37.js.map +1 -1
  38. package/dist/index.es38.js +78 -72
  39. package/dist/index.es38.js.map +1 -1
  40. package/dist/index.es39.js +21 -92
  41. package/dist/index.es39.js.map +1 -1
  42. package/dist/index.es40.js +44 -26
  43. package/dist/index.es40.js.map +1 -1
  44. package/dist/index.es41.js +220 -14
  45. package/dist/index.es41.js.map +1 -1
  46. package/dist/index.es42.js +16 -4
  47. package/dist/index.es42.js.map +1 -1
  48. package/dist/index.es43.js +7 -0
  49. package/dist/index.es43.js.map +1 -0
  50. package/dist/index.es9.js.map +1 -1
  51. package/dist/styles.css +32 -2
  52. package/package.json +1 -1
  53. package/dist/utils/unique.d.ts +0 -2
  54. package/dist/utils/unique.d.ts.map +0 -1
@@ -15,13 +15,6 @@ interface Adapters {
15
15
  className?: string;
16
16
  objectFit?: string;
17
17
  }>;
18
- CarouselWrapper?: ComponentAdapter<{
19
- items: unknown[];
20
- renderItem: (item: unknown, index: number) => React.ReactNode;
21
- columns: number;
22
- showControlsOnDesktop: boolean;
23
- className?: string;
24
- }>;
25
18
  }
26
19
  export declare const registerAdapter: <T extends keyof Adapters>(key: T, adapter: NonNullable<Adapters[T]>) => void;
27
20
  export declare const getAdapter: <T extends keyof Adapters>(key: T) => NonNullable<Adapters[T]>;
@@ -1 +1 @@
1
- {"version":3,"file":"Adapters.d.ts","sourceRoot":"","sources":["../src/Adapters.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,CAAC,MAAM,GAAG,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;AAE1D,UAAU,QAAQ;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;IACF,eAAe,CAAC,EAAE,gBAAgB,CAAC;QACjC,KAAK,EAAE,OAAO,EAAE,CAAA;QAChB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;QAC7D,OAAO,EAAE,MAAM,CAAA;QACf,qBAAqB,EAAE,OAAO,CAAA;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;CACH;AAID,eAAO,MAAM,eAAe,kCACrB,CAAC,WACG,YAAY,QAAQ,CAAC,CAAC,CAAC,CAAC,SAGlC,CAAA;AAED,eAAO,MAAM,UAAU,kCAChB,CAAC,KACL,YAAY,QAAQ,CAAC,CAAC,CAAC,CAMzB,CAAA"}
1
+ {"version":3,"file":"Adapters.d.ts","sourceRoot":"","sources":["../src/Adapters.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,CAAC,MAAM,GAAG,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;AAE1D,UAAU,QAAQ;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;CAQH;AAID,eAAO,MAAM,eAAe,kCACrB,CAAC,WACG,YAAY,QAAQ,CAAC,CAAC,CAAC,CAAC,SAGlC,CAAA;AAED,eAAO,MAAM,UAAU,kCAChB,CAAC,KACL,YAAY,QAAQ,CAAC,CAAC,CAAC,CAMzB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,yFAOf,kBAAkB,CAAC,CAAC,gDA8CtB,CAAA;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,yFAOf,kBAAkB,CAAC,CAAC,gDA8CtB,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxWithLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAA,MAAM,yBAAyB;;8EAU7B,CAAA;AAEF,UAAU,sBACR,SAAQ,YAAY,CAAC,OAAO,yBAAyB,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,sBAAsB,+CAoBxB"}
1
+ {"version":3,"file":"CheckboxWithLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,yBAAyB;;8EAU7B,CAAA;AAEF,UAAU,sBACR,SAAQ,YAAY,CAAC,OAAO,yBAAyB,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,sBAAsB,+CAoBxB"}
@@ -1,10 +1,10 @@
1
1
  import { default as React } from 'react';
2
2
 
3
- export declare const CarouselWrapper: React.FC<{
4
- items: unknown[];
5
- renderItem: (item: unknown, index: number) => React.ReactNode;
3
+ export declare const CarouselWrapper: <T>({ items, renderItem, columns, showControlsOnDesktop, className, }: {
4
+ items: T[];
5
+ renderItem: (item: T, index: number) => React.ReactNode;
6
6
  columns: number;
7
7
  showControlsOnDesktop: boolean;
8
8
  className?: string;
9
- }>;
9
+ }) => import("react/jsx-dev-runtime").JSX.Element;
10
10
  //# sourceMappingURL=CarouselWrapper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoCA,CAAA"}
1
+ {"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,yEAMzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,gDA0CA,CAAA"}
@@ -1,28 +1,27 @@
1
1
  import { Input as l } from "./index.es11.js";
2
2
  import { Label as m } from "./index.es27.js";
3
- import e from "react";
4
- import { uniqueId as p } from "./index.es28.js";
5
- function I({
3
+ import e, { useId as p } from "react";
4
+ function h({
6
5
  variant: t = "default",
7
6
  label: o,
8
- type: n = "text",
9
- id: r,
10
- placeholder: u,
11
- className: a
7
+ type: s = "text",
8
+ id: a,
9
+ placeholder: c,
10
+ className: i
12
11
  }) {
13
- const c = p(), i = r || c, s = t === "default" ? "group-focus-within:text-navy-opacity-40" : "group-focus-within:text-whitish-opacity-60";
14
- return /* @__PURE__ */ e.createElement("div", { className: `grid w-full items-center gap-1 group ${a}` }, o && /* @__PURE__ */ e.createElement(m, { variant: t, htmlFor: i, className: s }, o), /* @__PURE__ */ e.createElement(
12
+ const r = p(), n = a || r, u = t === "default" ? "group-focus-within:text-navy-opacity-40" : "group-focus-within:text-whitish-opacity-60";
13
+ return /* @__PURE__ */ e.createElement("div", { className: `grid w-full items-center gap-1 group ${i}` }, o && /* @__PURE__ */ e.createElement(m, { variant: t, htmlFor: n, className: u }, o), /* @__PURE__ */ e.createElement(
15
14
  l,
16
15
  {
17
16
  variant: t,
18
- type: n,
19
- id: i,
20
- placeholder: u,
17
+ type: s,
18
+ id: n,
19
+ placeholder: c,
21
20
  className: "focus:outline-none"
22
21
  }
23
22
  ));
24
23
  }
25
24
  export {
26
- I as InputWithLabel
25
+ h as InputWithLabel
27
26
  };
28
27
  //# sourceMappingURL=index.es12.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es12.js","sources":["../src/components/ui/input/InputWithLabel.tsx"],"sourcesContent":["import { Input } from '@/components/ui/input'\r\nimport { InputVariant } from './types'\r\nimport { Label } from '@/components/ui/label'\r\nimport React from 'react'\r\nimport { uniqueId } from '@/utils/unique'\r\n\r\ninterface InputWithLabelProps {\r\n variant?: InputVariant\r\n label?: string\r\n type?: string\r\n id?: string\r\n placeholder?: string\r\n className?: string\r\n}\r\n\r\nexport function InputWithLabel({\r\n variant = 'default',\r\n label,\r\n type = 'text',\r\n id,\r\n placeholder,\r\n className,\r\n}: InputWithLabelProps) {\r\n const generatedId = uniqueId()\r\n const inputId = id || generatedId\r\n\r\n const labelClasses =\r\n variant === 'default'\r\n ? 'group-focus-within:text-navy-opacity-40'\r\n : 'group-focus-within:text-whitish-opacity-60'\r\n\r\n return (\r\n <div className={`grid w-full items-center gap-1 group ${className}`}>\r\n {label && (\r\n <Label variant={variant} htmlFor={inputId} className={labelClasses}>\r\n {label}\r\n </Label>\r\n )}\r\n <Input\r\n variant={variant}\r\n type={type}\r\n id={inputId}\r\n placeholder={placeholder}\r\n className=\"focus:outline-none\"\r\n />\r\n </div>\r\n )\r\n}\r\n"],"names":["InputWithLabel","variant","label","type","id","placeholder","className","generatedId","uniqueId","inputId","labelClasses","React","Label","Input"],"mappings":";;;;AAeO,SAASA,EAAe;AAAA,EAC7B,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcC,KACdC,IAAUL,KAAMG,GAEhBG,IACJT,MAAY,YACR,4CACA;AAEN,SACGU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,wCAAwCL,CAAS,GAC9D,GAAAJ,KACES,gBAAAA,EAAA,cAAAC,GAAA,EAAM,SAAAX,GAAkB,SAASQ,GAAS,WAAWC,KACnDR,CACH,GAEFS,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,MAAAE;AAAA,MACA,IAAIM;AAAA,MACJ,aAAAJ;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAEJ;"}
1
+ {"version":3,"file":"index.es12.js","sources":["../src/components/ui/input/InputWithLabel.tsx"],"sourcesContent":["import { Input } from '@/components/ui/input'\r\nimport { InputVariant } from './types'\r\nimport { Label } from '@/components/ui/label'\r\nimport React from 'react'\r\nimport { useId } from 'react'\r\n\r\ninterface InputWithLabelProps {\r\n variant?: InputVariant\r\n label?: string\r\n type?: string\r\n id?: string\r\n placeholder?: string\r\n className?: string\r\n}\r\n\r\nexport function InputWithLabel({\r\n variant = 'default',\r\n label,\r\n type = 'text',\r\n id,\r\n placeholder,\r\n className,\r\n}: InputWithLabelProps) {\r\n const generatedId = useId()\r\n const inputId = id || generatedId\r\n\r\n const labelClasses =\r\n variant === 'default'\r\n ? 'group-focus-within:text-navy-opacity-40'\r\n : 'group-focus-within:text-whitish-opacity-60'\r\n\r\n return (\r\n <div className={`grid w-full items-center gap-1 group ${className}`}>\r\n {label && (\r\n <Label variant={variant} htmlFor={inputId} className={labelClasses}>\r\n {label}\r\n </Label>\r\n )}\r\n <Input\r\n variant={variant}\r\n type={type}\r\n id={inputId}\r\n placeholder={placeholder}\r\n className=\"focus:outline-none\"\r\n />\r\n </div>\r\n )\r\n}\r\n"],"names":["InputWithLabel","variant","label","type","id","placeholder","className","generatedId","useId","inputId","labelClasses","React","Label","Input"],"mappings":";;;AAeO,SAASA,EAAe;AAAA,EAC7B,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcC,KACdC,IAAUL,KAAMG,GAEhBG,IACJT,MAAY,YACR,4CACA;AAEN,SACGU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,wCAAwCL,CAAS,GAC9D,GAAAJ,KACES,gBAAAA,EAAA,cAAAC,GAAA,EAAM,SAAAX,GAAkB,SAASQ,GAAS,WAAWC,KACnDR,CACH,GAEFS,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,MAAAE;AAAA,MACA,IAAIM;AAAA,MACJ,aAAAJ;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAEJ;"}
@@ -1,5 +1,5 @@
1
- import { Popover as n, PopoverTrigger as a, PopoverContent as l } from "./index.es29.js";
2
- import { TooltipProvider as m, Tooltip as i, TooltipTrigger as c, TooltipContent as s } from "./index.es30.js";
1
+ import { Popover as n, PopoverTrigger as a, PopoverContent as l } from "./index.es28.js";
2
+ import { TooltipProvider as m, Tooltip as i, TooltipTrigger as c, TooltipContent as s } from "./index.es29.js";
3
3
  import { Button as r } from "./index.es2.js";
4
4
  import { Info as o } from "lucide-react";
5
5
  import e from "react";
@@ -1 +1 @@
1
- {"version":3,"file":"index.es15.js","sources":["../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { Check16X16 } from '@iit/precision-ui-icons'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils/cn'\n\nconst checkboxVariants = cva(\n 'peer h-[18px] w-[18px] shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 duration-200',\n {\n variants: {\n variant: {\n default:\n 'border-navy hover:bg-navy-opacity-8 hover:data-[state=checked]:bg-navy-opacity-80 data-[state=checked]:bg-navy data-[state=checked]:text-whitish',\n white:\n 'border-whitish hover:bg-whitish-opacity-16 text-whitish hover:data-[state=checked]:bg-whitish-opacity-80 data-[state=checked]:bg-whitish data-[state=checked]:text-navy',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n)\n\ninterface CheckboxProps\n extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n VariantProps<typeof checkboxVariants> {\n className?: string\n}\n\nconst Checkbox = React.forwardRef<\n React.ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, variant, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(checkboxVariants({ variant }), className)}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn('flex items-center justify-center text-current')}\n >\n <Check16X16 className=\"h-[18px] w-[18px] relative bottom-[1px]\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["checkboxVariants","cva","Checkbox","React","className","variant","props","ref","CheckboxPrimitive","cn","Check16X16"],"mappings":";;;;;AAQA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAM,GAAGC,MACnC,gBAAAJ,EAAA;AAAA,EAACK,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGT,EAAiB,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AAAA,EAEJ,gBAAAH,EAAA;AAAA,IAACK,EAAkB;AAAA,IAAlB;AAAA,MACC,WAAWC,EAAG,+CAA+C;AAAA,IAAA;AAAA,IAE7D,gBAAAN,EAAA,cAACO,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,EAClE;AACF,CACD;AACDR,EAAS,cAAcM,EAAkB,KAAK;"}
1
+ {"version":3,"file":"index.es15.js","sources":["../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport * as React from 'react'\r\n\r\nimport { Check16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst checkboxVariants = cva(\r\n 'peer h-[18px] w-[18px] shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 duration-200',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'border-navy hover:bg-navy-opacity-8 hover:data-[state=checked]:bg-navy-opacity-80 data-[state=checked]:bg-navy data-[state=checked]:text-whitish',\r\n white:\r\n 'border-whitish hover:bg-whitish-opacity-16 text-whitish hover:data-[state=checked]:bg-whitish-opacity-80 data-[state=checked]:bg-whitish data-[state=checked]:text-navy',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\ninterface CheckboxProps\r\n extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\r\n VariantProps<typeof checkboxVariants> {\r\n className?: string\r\n}\r\n\r\nconst Checkbox = React.forwardRef<\r\n React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n CheckboxProps\r\n>(({ className, variant, ...props }, ref) => (\r\n <CheckboxPrimitive.Root\r\n ref={ref}\r\n className={cn(checkboxVariants({ variant }), className)}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator\r\n className={cn('flex items-center justify-center text-current')}\r\n >\r\n <Check16X16 className=\"h-[18px] w-[18px] relative bottom-[1px]\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n))\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\r\n\r\nexport { Checkbox }\r\n"],"names":["checkboxVariants","cva","Checkbox","React","className","variant","props","ref","CheckboxPrimitive","cn","Check16X16"],"mappings":";;;;;AAQA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAM,GAAGC,MACnC,gBAAAJ,EAAA;AAAA,EAACK,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGT,EAAiB,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AAAA,EAEJ,gBAAAH,EAAA;AAAA,IAACK,EAAkB;AAAA,IAAlB;AAAA,MACC,WAAWC,EAAG,+CAA+C;AAAA,IAAA;AAAA,IAE7D,gBAAAN,EAAA,cAACO,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,EAClE;AACF,CACD;AACDR,EAAS,cAAcM,EAAkB,KAAK;"}
@@ -1,9 +1,8 @@
1
- import { cva as l } from "class-variance-authority";
2
- import { cn as m } from "./index.es25.js";
3
- import { Checkbox as c } from "./index.es15.js";
4
- import e from "react";
5
- import { uniqueId as s } from "./index.es28.js";
6
- const d = l("items-top flex space-x-2", {
1
+ import e, { useId as l } from "react";
2
+ import { cva as c } from "class-variance-authority";
3
+ import { cn as s } from "./index.es25.js";
4
+ import { Checkbox as m } from "./index.es15.js";
5
+ const d = c("items-top flex space-x-2", {
7
6
  variants: {
8
7
  variant: {
9
8
  default: "text-navy-opacity-60",
@@ -14,14 +13,14 @@ const d = l("items-top flex space-x-2", {
14
13
  variant: "default"
15
14
  }
16
15
  });
17
- function h({
16
+ function b({
18
17
  id: i,
19
18
  children: t,
20
19
  desc: a,
21
20
  variant: o
22
21
  }) {
23
- const n = s(), r = i || n;
24
- return /* @__PURE__ */ e.createElement("div", { className: m(d({ variant: o })) }, /* @__PURE__ */ e.createElement(c, { id: r, variant: o }), t && /* @__PURE__ */ e.createElement("div", { className: "grid gap-1 leading-none" }, /* @__PURE__ */ e.createElement(
22
+ const n = l(), r = i || n;
23
+ return /* @__PURE__ */ e.createElement("div", { className: s(d({ variant: o })) }, /* @__PURE__ */ e.createElement(m, { id: r, variant: o }), t && /* @__PURE__ */ e.createElement("div", { className: "grid gap-1 leading-none" }, /* @__PURE__ */ e.createElement(
25
24
  "label",
26
25
  {
27
26
  htmlFor: r,
@@ -31,6 +30,6 @@ function h({
31
30
  ), a && /* @__PURE__ */ e.createElement("p", { className: "text-sm text-muted-foreground" }, a)));
32
31
  }
33
32
  export {
34
- h as CheckboxWithLabel
33
+ b as CheckboxWithLabel
35
34
  };
36
35
  //# sourceMappingURL=index.es16.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es16.js","sources":["../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { Checkbox } from './checkbox'\r\nimport React from 'react'\r\nimport { uniqueId } from '@/utils/unique'\r\n\r\nconst CheckboxWithLabelVariants = cva('items-top flex space-x-2', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n white: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\ninterface CheckboxWithLabelProps\r\n extends VariantProps<typeof CheckboxWithLabelVariants> {\r\n id?: string\r\n children?: React.ReactNode\r\n desc?: string\r\n}\r\n\r\nexport function CheckboxWithLabel({\r\n id,\r\n children,\r\n desc,\r\n variant,\r\n}: CheckboxWithLabelProps) {\r\n const generatedId = uniqueId()\r\n const inputId = id || generatedId\r\n\r\n return (\r\n <div className={cn(CheckboxWithLabelVariants({ variant }))}>\r\n <Checkbox id={inputId} variant={variant} />\r\n {children && (\r\n <div className=\"grid gap-1 leading-none\">\r\n <label\r\n htmlFor={inputId}\r\n className=\"typo_variant_small-body leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\r\n >\r\n {children}\r\n </label>\r\n {desc && <p className=\"text-sm text-muted-foreground\">{desc}</p>}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n"],"names":["CheckboxWithLabelVariants","cva","CheckboxWithLabel","id","children","desc","variant","generatedId","uniqueId","inputId","React","cn","Checkbox"],"mappings":";;;;;AAMA,MAAMA,IAA4BC,EAAI,4BAA4B;AAAA,EAChE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASM,SAASC,EAAkB;AAAA,EAChC,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,GAA2B;AACzB,QAAMC,IAAcC,KACdC,IAAUN,KAAMI;AAGpB,SAAAG,gBAAAA,EAAA,cAAC,SAAI,WAAWC,EAAGX,EAA0B,EAAE,SAAAM,EAAA,CAAS,CAAC,qCACtDM,GAAS,EAAA,IAAIH,GAAS,SAAAH,GAAkB,GACxCF,KACEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0BACb,GAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASD;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,IAETL;AAAA,EAAA,GAEFC,KAASK,gBAAAA,EAAA,cAAA,KAAA,EAAE,WAAU,gCAAiC,GAAAL,CAAK,CAC9D,CAEJ;AAEJ;"}
1
+ {"version":3,"file":"index.es16.js","sources":["../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"sourcesContent":["import { useId } from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { Checkbox } from './checkbox'\r\nimport React from 'react'\r\n\r\nconst CheckboxWithLabelVariants = cva('items-top flex space-x-2', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n white: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\ninterface CheckboxWithLabelProps\r\n extends VariantProps<typeof CheckboxWithLabelVariants> {\r\n id?: string\r\n children?: React.ReactNode\r\n desc?: string\r\n}\r\n\r\nexport function CheckboxWithLabel({\r\n id,\r\n children,\r\n desc,\r\n variant,\r\n}: CheckboxWithLabelProps) {\r\n const generatedId = useId()\r\n const inputId = id || generatedId\r\n\r\n return (\r\n <div className={cn(CheckboxWithLabelVariants({ variant }))}>\r\n <Checkbox id={inputId} variant={variant} />\r\n {children && (\r\n <div className=\"grid gap-1 leading-none\">\r\n <label\r\n htmlFor={inputId}\r\n className=\"typo_variant_small-body leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\r\n >\r\n {children}\r\n </label>\r\n {desc && <p className=\"text-sm text-muted-foreground\">{desc}</p>}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n}\r\n"],"names":["CheckboxWithLabelVariants","cva","CheckboxWithLabel","id","children","desc","variant","generatedId","useId","inputId","React","cn","Checkbox"],"mappings":";;;;AAOA,MAAMA,IAA4BC,EAAI,4BAA4B;AAAA,EAChE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASM,SAASC,EAAkB;AAAA,EAChC,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,GAA2B;AACzB,QAAMC,IAAcC,KACdC,IAAUN,KAAMI;AAGpB,SAAAG,gBAAAA,EAAA,cAAC,SAAI,WAAWC,EAAGX,EAA0B,EAAE,SAAAM,EAAA,CAAS,CAAC,qCACtDM,GAAS,EAAA,IAAIH,GAAS,SAAAH,GAAkB,GACxCF,KACEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0BACb,GAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASD;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,IAETL;AAAA,EAAA,GAEFC,KAASK,gBAAAA,EAAA,cAAA,KAAA,EAAE,WAAU,gCAAiC,GAAAL,CAAK,CAC9D,CAEJ;AAEJ;"}
@@ -1,9 +1,9 @@
1
- import N from "./index.es31.js";
1
+ import N from "./index.es30.js";
2
2
  import d from "./index.es4.js";
3
3
  import v from "./index.es23.js";
4
4
  import e from "react";
5
5
  import y from "./index.es14.js";
6
- import C from "./index.es32.js";
6
+ import C from "./index.es31.js";
7
7
  import x from "./index.es24.js";
8
8
  import { cn as u } from "./index.es25.js";
9
9
  import { cva as p } from "class-variance-authority";
@@ -1,11 +1,11 @@
1
1
  import A from "./index.es21.js";
2
- import e from "./index.es33.js";
3
- import E from "./index.es34.js";
4
- import G from "./index.es35.js";
5
- import R from "./index.es36.js";
6
- import S from "./index.es37.js";
7
- import I from "./index.es38.js";
8
- import _ from "./index.es39.js";
2
+ import e from "./index.es32.js";
3
+ import E from "./index.es33.js";
4
+ import G from "./index.es34.js";
5
+ import R from "./index.es35.js";
6
+ import S from "./index.es36.js";
7
+ import I from "./index.es37.js";
8
+ import _ from "./index.es38.js";
9
9
  import t from "react";
10
10
  const k = {
11
11
  Advantage: e,
@@ -1,5 +1,5 @@
1
1
  import m, { forwardRef as c } from "react";
2
- import { typeVariants as f } from "./index.es40.js";
2
+ import { typeVariants as f } from "./index.es39.js";
3
3
  const e = c(
4
4
  ({ level: a, as: n, className: t = "", children: r, ...o }, i) => {
5
5
  const s = n || `h${a}`, d = f({ variant: `h${a}` });
@@ -1,5 +1,5 @@
1
1
  import c, { forwardRef as f } from "react";
2
- import { typeVariants as d } from "./index.es40.js";
2
+ import { typeVariants as d } from "./index.es39.js";
3
3
  const e = f(
4
4
  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
5
5
  const m = o || "p", p = d({ variant: a });
@@ -1 +1 @@
1
- {"version":3,"file":"index.es27.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst labelVariants = cva(\n 'typo_variant_h6 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 duration-200',\n {\n variants: {\n variant: {\n default: 'text-navy',\n blue: 'text-whitish',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n)\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>\n>(({ className, variant, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(labelVariants({ variant }), className)}\n {...props}\n />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","variant","props","ref","LabelPrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAM,GAAGC,MACnC,gBAAAJ,EAAA;AAAA,EAACK,EAAe;AAAA,EAAf;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAcM,EAAe,KAAK;"}
1
+ {"version":3,"file":"index.es27.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst labelVariants = cva(\r\n 'typo_variant_h6 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 duration-200',\r\n {\r\n variants: {\r\n variant: {\r\n default: 'text-navy',\r\n blue: 'text-whitish',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst Label = React.forwardRef<\r\n React.ElementRef<typeof LabelPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\r\n VariantProps<typeof labelVariants>\r\n>(({ className, variant, ...props }, ref) => (\r\n <LabelPrimitive.Root\r\n ref={ref}\r\n className={cn(labelVariants({ variant }), className)}\r\n {...props}\r\n />\r\n))\r\nLabel.displayName = LabelPrimitive.Root.displayName\r\n\r\nexport { Label }\r\n"],"names":["labelVariants","cva","Label","React","className","variant","props","ref","LabelPrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAM,GAAGC,MACnC,gBAAAJ,EAAA;AAAA,EAACK,EAAe;AAAA,EAAf;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAcM,EAAe,KAAK;"}
@@ -1,5 +1,23 @@
1
- const t = () => "_" + Math.random().toString(36).substr(2, 9);
1
+ import * as t from "@radix-ui/react-popover";
2
+ import * as e from "react";
3
+ import { cn as i } from "./index.es25.js";
4
+ const p = t.Root, l = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
5
+ t.Content,
6
+ {
7
+ ref: n,
8
+ align: a,
9
+ sideOffset: r,
10
+ className: i(
11
+ "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
12
+ o
13
+ ),
14
+ ...d
15
+ }
16
+ )));
17
+ s.displayName = t.Content.displayName;
2
18
  export {
3
- t as uniqueId
19
+ p as Popover,
20
+ s as PopoverContent,
21
+ l as PopoverTrigger
4
22
  };
5
23
  //# sourceMappingURL=index.es28.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es28.js","sources":["../src/utils/unique.ts"],"sourcesContent":["export const uniqueId = () => '_' + Math.random().toString(36).substr(2, 9)\r\n"],"names":["uniqueId"],"mappings":"AAAa,MAAAA,IAAW,MAAM,MAAM,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;"}
1
+ {"version":3,"file":"index.es28.js","sources":["../src/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Popover = PopoverPrimitive.Root\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger\r\n\r\nconst PopoverContent = React.forwardRef<\r\n React.ElementRef<typeof PopoverPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',\r\n className\r\n )}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n))\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\r\n\r\nexport { Popover, PopoverTrigger, PopoverContent }\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC3D,gBAAAL,EAAA,cAAAH,EAAiB,QAAjB,MACC,gBAAAG,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}
@@ -1,23 +1,23 @@
1
- import * as t from "@radix-ui/react-popover";
2
- import * as e from "react";
3
- import { cn as i } from "./index.es25.js";
4
- const p = t.Root, l = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
5
- t.Content,
1
+ import * as t from "react";
2
+ import * as o from "@radix-ui/react-tooltip";
3
+ import { cn as r } from "./index.es25.js";
4
+ const n = o.Provider, l = o.Root, p = o.Trigger, s = t.forwardRef(({ className: e, sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ t.createElement(
5
+ o.Content,
6
6
  {
7
- ref: n,
8
- align: a,
9
- sideOffset: r,
10
- className: i(
11
- "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
12
- o
7
+ ref: d,
8
+ sideOffset: i,
9
+ className: r(
10
+ "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
11
+ e
13
12
  ),
14
- ...d
13
+ ...a
15
14
  }
16
- )));
17
- s.displayName = t.Content.displayName;
15
+ ));
16
+ s.displayName = o.Content.displayName;
18
17
  export {
19
- p as Popover,
20
- s as PopoverContent,
21
- l as PopoverTrigger
18
+ l as Tooltip,
19
+ s as TooltipContent,
20
+ n as TooltipProvider,
21
+ p as TooltipTrigger
22
22
  };
23
23
  //# sourceMappingURL=index.es29.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es29.js","sources":["../src/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC3D,gBAAAL,EAAA,cAAAH,EAAiB,QAAjB,MACC,gBAAAG,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}
1
+ {"version":3,"file":"index.es29.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider\r\n\r\nconst Tooltip = TooltipPrimitive.Root\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger\r\n\r\nconst TooltipContent = React.forwardRef<\r\n React.ElementRef<typeof TooltipPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n <TooltipPrimitive.Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC1C,gBAAAJ,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}
@@ -1,23 +1,14 @@
1
- import * as t from "react";
2
- import * as o from "@radix-ui/react-tooltip";
3
- import { cn as r } from "./index.es25.js";
4
- const n = o.Provider, l = o.Root, p = o.Trigger, s = t.forwardRef(({ className: e, sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ t.createElement(
5
- o.Content,
1
+ import m from "./index.es42.js";
2
+ import e from "react";
3
+ const s = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
4
+ "li",
6
5
  {
7
- ref: d,
8
- sideOffset: i,
9
- className: r(
10
- "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
11
- e
12
- ),
13
- ...a
14
- }
15
- ));
16
- s.displayName = o.Content.displayName;
6
+ key: r,
7
+ style: { "--counter": r + 1 }
8
+ },
9
+ /* @__PURE__ */ e.createElement(m, { ...a })
10
+ )));
17
11
  export {
18
- l as Tooltip,
19
- s as TooltipContent,
20
- n as TooltipProvider,
21
- p as TooltipTrigger
12
+ s as default
22
13
  };
23
14
  //# sourceMappingURL=index.es30.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es30.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC1C,gBAAAJ,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}
1
+ {"version":3,"file":"index.es30.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n return (\r\n <ul className=\"breadcrumbs space-y-2\">\r\n {list.map((item, index) => (\r\n <li\r\n key={index}\r\n style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n >\r\n <Breadcrumb {...item} />\r\n </li>\r\n ))}\r\n </ul>\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH;"}
@@ -1,14 +1,88 @@
1
- import m from "./index.es41.js";
2
- import e from "react";
3
- const s = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
4
- "li",
5
- {
6
- key: r,
7
- style: { "--counter": r + 1 }
8
- },
9
- /* @__PURE__ */ e.createElement(m, { ...a })
10
- )));
1
+ import e, { useState as p, useRef as N, useEffect as I } from "react";
2
+ import { Button as m } from "./index.es2.js";
3
+ import { Close16X16 as k } from "@iit/precision-ui-icons";
4
+ import { Input as R } from "./index.es11.js";
5
+ import { SearchIcon as S } from "lucide-react";
6
+ import { cn as a } from "./index.es25.js";
7
+ const B = ({
8
+ id: f,
9
+ placeholder: h,
10
+ className: v,
11
+ containerClassName: b,
12
+ value: r = "",
13
+ onChange: t,
14
+ onKeyDown: d,
15
+ onClickSubmitButton: g,
16
+ onClickClearButton: n,
17
+ withoutBottomBorder: y,
18
+ ...w
19
+ }) => {
20
+ const [o, s] = p(r), [i, u] = p(!1), l = N(null);
21
+ I(() => {
22
+ s(r);
23
+ }, [r]);
24
+ const x = (c) => {
25
+ s(c.target.value), t && t(c);
26
+ }, E = () => {
27
+ s(""), l.current && l.current.focus(), t && t({
28
+ target: { value: "" }
29
+ }), n && n();
30
+ };
31
+ return /* @__PURE__ */ e.createElement(
32
+ "div",
33
+ {
34
+ className: a("relative w-full max-w-2xl", b),
35
+ onMouseEnter: () => u(!0),
36
+ onMouseLeave: () => u(!1)
37
+ },
38
+ /* @__PURE__ */ e.createElement(
39
+ R,
40
+ {
41
+ ref: l,
42
+ id: f,
43
+ placeholder: h,
44
+ className: a(
45
+ "w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14",
46
+ v,
47
+ y && "border-b border-transparent"
48
+ ),
49
+ value: o,
50
+ onChange: x,
51
+ onKeyDown: d,
52
+ ...w
53
+ }
54
+ ),
55
+ /* @__PURE__ */ e.createElement(
56
+ m,
57
+ {
58
+ type: "button",
59
+ variant: "ghost",
60
+ size: "icon",
61
+ className: a(
62
+ "absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group",
63
+ i ? "bg-white" : "bg-navy-opacity-8"
64
+ ),
65
+ onClick: E,
66
+ style: { display: o ? "block" : "none" }
67
+ },
68
+ /* @__PURE__ */ e.createElement(k, { className: "h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish" }),
69
+ /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Очистить")
70
+ ),
71
+ /* @__PURE__ */ e.createElement(
72
+ m,
73
+ {
74
+ className: a(
75
+ "absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90",
76
+ i ? "bg-white" : "bg-navy-opacity-8"
77
+ ),
78
+ disabled: !o,
79
+ onClick: g || void 0
80
+ },
81
+ /* @__PURE__ */ e.createElement(S, { className: "h-4 w-4 group-hover/submit:text-whitish" })
82
+ )
83
+ );
84
+ };
11
85
  export {
12
- s as default
86
+ B as default
13
87
  };
14
88
  //# sourceMappingURL=index.es31.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es31.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n return (\r\n <ul className=\"breadcrumbs space-y-2\">\r\n {list.map((item, index) => (\r\n <li\r\n key={index}\r\n style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n >\r\n <Breadcrumb {...item} />\r\n </li>\r\n ))}\r\n </ul>\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH;"}
1
+ {"version":3,"file":"index.es31.js","sources":["../src/components/ui/input/SearchInputWithButton.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { Button } from \"../button\";\r\nimport { Close16X16 } from \"@iit/precision-ui-icons\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport { SearchIcon } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils/cn\";\r\n\r\ninterface SearchInputWithButtonProps {\r\n id?: string;\r\n placeholder?: string;\r\n className?: string;\r\n containerClassName?: string;\r\n value?: string;\r\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n onClickSubmitButton?: () => void;\r\n onClickClearButton?: () => void;\r\n withoutBottomBorder?: boolean;\r\n}\r\n\r\nconst SearchInputWithButton: React.FC<SearchInputWithButtonProps> = ({\r\n id,\r\n placeholder,\r\n className,\r\n containerClassName,\r\n value = \"\",\r\n onChange,\r\n onKeyDown,\r\n onClickSubmitButton,\r\n onClickClearButton,\r\n withoutBottomBorder,\r\n ...props\r\n}) => {\r\n const [inputValue, setInputValue] = useState(value);\r\n const [isHovered, setIsHovered] = useState(false); // Track hover state\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n useEffect(() => {\r\n setInputValue(value);\r\n }, [value]);\r\n\r\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n setInputValue(event.target.value);\r\n if (onChange) {\r\n onChange(event);\r\n }\r\n };\r\n\r\n const handleClearClick = () => {\r\n setInputValue(\"\");\r\n if (inputRef.current) {\r\n inputRef.current.focus();\r\n }\r\n if (onChange) {\r\n onChange({\r\n target: { value: \"\" },\r\n } as React.ChangeEvent<HTMLInputElement>);\r\n }\r\n if (onClickClearButton) {\r\n onClickClearButton();\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={cn(\"relative w-full max-w-2xl\", containerClassName)}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <Input\r\n ref={inputRef}\r\n id={id}\r\n placeholder={placeholder}\r\n className={cn(\r\n \"w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14\",\r\n className,\r\n withoutBottomBorder && \"border-b border-transparent\"\r\n )}\r\n value={inputValue}\r\n onChange={handleInputChange}\r\n onKeyDown={onKeyDown}\r\n {...props}\r\n />\r\n <Button\r\n type=\"button\"\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className={cn(\r\n \"absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group\",\r\n isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n )}\r\n onClick={handleClearClick}\r\n style={{ display: inputValue ? \"block\" : \"none\" }}\r\n >\r\n <Close16X16 className=\"h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish\" />\r\n <span className=\"sr-only\">Очистить</span>\r\n </Button>\r\n\r\n <Button\r\n className={cn(\r\n \"absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90\",\r\n isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n )}\r\n disabled={!inputValue}\r\n onClick={onClickSubmitButton || undefined}\r\n >\r\n <SearchIcon className=\"h-4 w-4 group-hover/submit:text-whitish\" />\r\n </Button>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SearchInputWithButton;\r\n"],"names":["SearchInputWithButton","id","placeholder","className","containerClassName","value","onChange","onKeyDown","onClickSubmitButton","onClickClearButton","withoutBottomBorder","props","inputValue","setInputValue","useState","isHovered","setIsHovered","inputRef","useRef","useEffect","handleInputChange","event","handleClearClick","React","cn","Input","Button","Close16X16","SearchIcon"],"mappings":";;;;;;AAqBA,MAAMA,IAA8D,CAAC;AAAA,EACnE,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAST,CAAK,GAC5C,CAACU,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAAN,EAAcR,CAAK;AAAA,EAAA,GAClB,CAACA,CAAK,CAAC;AAEJ,QAAAe,IAAoB,CAACC,MAA+C;AAC1D,IAAAR,EAAAQ,EAAM,OAAO,KAAK,GAC5Bf,KACFA,EAASe,CAAK;AAAA,EAChB,GAGIC,IAAmB,MAAM;AAC7B,IAAAT,EAAc,EAAE,GACZI,EAAS,WACXA,EAAS,QAAQ,SAEfX,KACOA,EAAA;AAAA,MACP,QAAQ,EAAE,OAAO,GAAG;AAAA,IAAA,CACkB,GAEtCG,KACiBA;EACrB;AAIA,SAAAc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,6BAA6BpB,CAAkB;AAAA,MAC7D,cAAc,MAAMY,EAAa,EAAI;AAAA,MACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,IAAA;AAAA,IAEtCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,IAAAhB;AAAA,QACA,aAAAC;AAAA,QACA,WAAWsB;AAAA,UACT;AAAA,UACArB;AAAA,UACAO,KAAuB;AAAA,QACzB;AAAA,QACA,OAAOE;AAAA,QACP,UAAUQ;AAAA,QACV,WAAAb;AAAA,QACC,GAAGI;AAAA,MAAA;AAAA,IACN;AAAA,IACAY,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,SAASO;AAAA,QACT,OAAO,EAAE,SAASV,IAAa,UAAU,OAAO;AAAA,MAAA;AAAA,MAEhDW,gBAAAA,EAAA,cAACI,GAAW,EAAA,WAAU,iFAAiF,CAAA;AAAA,MACtGJ,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,UAAQ;AAAA,IACpC;AAAA,IAEAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,UAAU,CAACH;AAAA,QACX,SAASJ,KAAuB;AAAA,MAAA;AAAA,MAEhCe,gBAAAA,EAAA,cAACK,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,IAClE;AAAA,EAAA;AAGN;"}