@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.
- package/dist/Adapters.d.ts +0 -7
- package/dist/Adapters.d.ts.map +1 -1
- package/dist/components/GridIterator.d.ts.map +1 -1
- package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts.map +1 -1
- package/dist/decorators/CarouselWrapper.d.ts +4 -4
- package/dist/decorators/CarouselWrapper.d.ts.map +1 -1
- package/dist/index.es12.js +12 -13
- package/dist/index.es12.js.map +1 -1
- package/dist/index.es13.js +2 -2
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +9 -10
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es19.js +2 -2
- package/dist/index.es22.js +7 -7
- package/dist/index.es23.js +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +20 -2
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +17 -17
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es30.js +10 -19
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +85 -11
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +17 -83
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +41 -14
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +39 -40
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +33 -41
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +53 -34
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +73 -37
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +78 -72
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +21 -92
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es40.js +44 -26
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +220 -14
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +16 -4
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +7 -0
- package/dist/index.es43.js.map +1 -0
- package/dist/index.es9.js.map +1 -1
- package/dist/styles.css +32 -2
- package/package.json +1 -1
- package/dist/utils/unique.d.ts +0 -2
- package/dist/utils/unique.d.ts.map +0 -1
package/dist/Adapters.d.ts
CHANGED
|
@@ -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]>;
|
package/dist/Adapters.d.ts.map
CHANGED
|
@@ -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;
|
|
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":"
|
|
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":"
|
|
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:
|
|
4
|
-
items:
|
|
5
|
-
renderItem: (item:
|
|
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,
|
|
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"}
|
package/dist/index.es12.js
CHANGED
|
@@ -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
|
-
|
|
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:
|
|
9
|
-
id:
|
|
10
|
-
placeholder:
|
|
11
|
-
className:
|
|
7
|
+
type: s = "text",
|
|
8
|
+
id: a,
|
|
9
|
+
placeholder: c,
|
|
10
|
+
className: i
|
|
12
11
|
}) {
|
|
13
|
-
const
|
|
14
|
-
return /* @__PURE__ */ e.createElement("div", { className: `grid w-full items-center gap-1 group ${
|
|
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:
|
|
19
|
-
id:
|
|
20
|
-
placeholder:
|
|
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
|
-
|
|
25
|
+
h as InputWithLabel
|
|
27
26
|
};
|
|
28
27
|
//# sourceMappingURL=index.es12.js.map
|
package/dist/index.es12.js.map
CHANGED
|
@@ -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 {
|
|
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;"}
|
package/dist/index.es13.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Popover as n, PopoverTrigger as a, PopoverContent as l } from "./index.
|
|
2
|
-
import { TooltipProvider as m, Tooltip as i, TooltipTrigger as c, TooltipContent as s } from "./index.
|
|
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";
|
package/dist/index.es15.js.map
CHANGED
|
@@ -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;"}
|
package/dist/index.es16.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
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
|
|
16
|
+
function b({
|
|
18
17
|
id: i,
|
|
19
18
|
children: t,
|
|
20
19
|
desc: a,
|
|
21
20
|
variant: o
|
|
22
21
|
}) {
|
|
23
|
-
const n =
|
|
24
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
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
|
-
|
|
33
|
+
b as CheckboxWithLabel
|
|
35
34
|
};
|
|
36
35
|
//# sourceMappingURL=index.es16.js.map
|
package/dist/index.es16.js.map
CHANGED
|
@@ -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\
|
|
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;"}
|
package/dist/index.es19.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import N from "./index.
|
|
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.
|
|
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";
|
package/dist/index.es22.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import A from "./index.es21.js";
|
|
2
|
-
import e from "./index.
|
|
3
|
-
import E from "./index.
|
|
4
|
-
import G from "./index.
|
|
5
|
-
import R from "./index.
|
|
6
|
-
import S from "./index.
|
|
7
|
-
import I from "./index.
|
|
8
|
-
import _ from "./index.
|
|
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,
|
package/dist/index.es23.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import m, { forwardRef as c } from "react";
|
|
2
|
-
import { typeVariants as f } from "./index.
|
|
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}` });
|
package/dist/index.es24.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import c, { forwardRef as f } from "react";
|
|
2
|
-
import { typeVariants as d } from "./index.
|
|
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 });
|
package/dist/index.es27.js.map
CHANGED
|
@@ -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;"}
|
package/dist/index.es28.js
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
19
|
+
p as Popover,
|
|
20
|
+
s as PopoverContent,
|
|
21
|
+
l as PopoverTrigger
|
|
4
22
|
};
|
|
5
23
|
//# sourceMappingURL=index.es28.js.map
|
package/dist/index.es28.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es28.js","sources":["../src/
|
|
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;"}
|
package/dist/index.es29.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as t from "
|
|
2
|
-
import * as
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
5
|
-
|
|
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:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
...
|
|
13
|
+
...a
|
|
15
14
|
}
|
|
16
|
-
))
|
|
17
|
-
s.displayName =
|
|
15
|
+
));
|
|
16
|
+
s.displayName = o.Content.displayName;
|
|
18
17
|
export {
|
|
19
|
-
|
|
20
|
-
s as
|
|
21
|
-
|
|
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
|
package/dist/index.es29.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es29.js","sources":["../src/components/ui/
|
|
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;"}
|
package/dist/index.es30.js
CHANGED
|
@@ -1,23 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
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
|
package/dist/index.es30.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es30.js","sources":["../src/components/
|
|
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;"}
|
package/dist/index.es31.js
CHANGED
|
@@ -1,14 +1,88 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
86
|
+
B as default
|
|
13
87
|
};
|
|
14
88
|
//# sourceMappingURL=index.es31.js.map
|
package/dist/index.es31.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es31.js","sources":["../src/components/
|
|
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;"}
|