@nergora/ui 0.0.0-stage → 1.0.9

package/dist/esm/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Eye, EyeSlash, MagnifyingGlassMini } from \"@nergora/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst inputBaseStyles = clx(\n  \"caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none\",\n  \"focus-visible:shadow-borders-interactive-with-active\",\n  \"disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed\",\n  \"aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error\"\n)\n\nconst inputVariants = cva({\n  base: clx(\n    inputBaseStyles,\n    \"[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\"\n  ),\n  variants: {\n    size: {\n      base: \"txt-compact-small h-8 px-2 py-1.5\",\n      small: \"txt-compact-small h-7 px-2 py-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface InputProps\n  extends VariantProps<typeof inputVariants>,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {}\n\n/**\n * This component is based on the `input` element and supports all of its props\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      /**\n       * The input's size.\n       */\n      size = \"base\",\n      ...props\n    }: InputProps,\n    ref\n  ) => {\n    const [typeState, setTypeState] = React.useState(type)\n\n    const isPassword = type === \"password\"\n    const isSearch = type === \"search\"\n\n    return (\n      <div className=\"relative\">\n        <input\n          ref={ref}\n          type={isPassword ? typeState : type}\n          className={clx(\n            inputVariants({ size: size }),\n            {\n              \"pl-8\": isSearch && size === \"base\",\n              \"pr-8\": isPassword && size === \"base\",\n              \"pl-7\": isSearch && size === \"small\",\n              \"pr-7\": isPassword && size === \"small\",\n            },\n            className\n          )}\n          {...props}\n        />\n        {isSearch && (\n          <div\n            className={clx(\n              \"text-ui-fg-muted pointer-events-none absolute bottom-0 left-0 flex items-center justify-center\",\n              {\n                \"h-8 w-8\": size === \"base\",\n                \"h-7 w-7\": size === \"small\",\n              }\n            )}\n            role=\"img\"\n          >\n            <MagnifyingGlassMini />\n          </div>\n        )}\n        {isPassword && (\n          <div\n            className={clx(\n              \"absolute bottom-0 right-0 flex items-center justify-center border-l\",\n              {\n                \"h-8 w-8\": size === \"base\",\n                \"h-7 w-7\": size === \"small\",\n              }\n            )}\n          >\n            <button\n              className=\"text-ui-fg-muted hover:text-ui-fg-base focus-visible:text-ui-fg-base focus-visible:shadow-borders-interactive-with-focus active:text-ui-fg-base h-fit w-fit rounded-sm outline-none transition-all\"\n              type=\"button\"\n              onClick={() => {\n                setTypeState(typeState === \"password\" ? \"text\" : \"password\")\n              }}\n            >\n              <span className=\"sr-only\">\n                {typeState === \"password\" ? \"Show password\" : \"Hide password\"}\n              </span>\n              {typeState === \"password\" ? <Eye /> : <EyeSlash />}\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input, inputBaseStyles, type InputProps }\n"]}

package/dist/esm/components/input-group/index.d.ts

@@ -0,0 +1,2 @@
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "./input-group";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/input-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,MAAM,eAAe,CAAA"}

package/dist/esm/components/input-group/index.js

@@ -0,0 +1,2 @@
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "./input-group";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/input-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,MAAM,eAAe,CAAA","sourcesContent":["export {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n} from \"./input-group\"\n"]}

package/dist/esm/components/input-group/input-group.d.ts

@@ -0,0 +1,128 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+import { Button } from "../button/index.js";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface InputGroupButtonProps extends Omit<React.ComponentProps<typeof Button>, "size" | "variant">, VariantProps<typeof inputGroupButtonVariants> {
+    variant?: React.ComponentProps<typeof Button>["variant"] | "ghost";
+}
+declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: Omit<React.ComponentProps<"input">, "size">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/esm/components/input-group/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAK5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAmBvE;AAED,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAe3B,CAAA;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAmB5E;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAa5B,CAAA;AAEF,UAAU,qBACR,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EAC7D,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,GAAG,OAAO,CAAA;CACnE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAUvB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,qBAW7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/dist/esm/components/input-group/input-group.js

@@ -0,0 +1,62 @@
+"use client";
+import { cva } from "cva";
+import * as React from "react";
+import { Button } from "../button/index.js";
+import { Input } from "../input/index.js";
+import { Textarea } from "../textarea/index.js";
+import { clx } from "../../utils/clx.js";
+function InputGroup({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "input-group", role: "group", className: clx("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-md bg-ui-bg-field shadow-borders-base transition-fg outline-none", "focus-within:shadow-borders-interactive-with-active", "has-[:disabled]:bg-ui-bg-disabled has-[:disabled]:opacity-60", "has-[[aria-invalid=true]]:shadow-borders-error", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col", "has-[>textarea]:h-auto", "has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className), ...props }));
+}
+const inputGroupAddonVariants = cva({
+    base: "txt-compact-small-plus flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-ui-fg-muted group-has-[:disabled]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4",
+    variants: {
+        align: {
+            "inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem]",
+            "inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem]",
+            "block-start": "order-first w-full justify-start px-2.5 pt-2 [.border-b]:pb-2",
+            "block-end": "order-last w-full justify-start px-2.5 pb-2 [.border-t]:pt-2",
+        },
+    },
+    defaultVariants: {
+        align: "inline-start",
+    },
+});
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+    return (React.createElement("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: clx(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            var _a;
+            if (e.target.closest("button")) {
+                return;
+            }
+            const control = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector("input,textarea");
+            control === null || control === void 0 ? void 0 : control.focus();
+        }, ...props }));
+}
+const inputGroupButtonVariants = cva({
+    base: "flex items-center gap-2 shadow-none",
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: "",
+            "icon-xs": "size-6 rounded p-0 has-[>svg]:p-0",
+            "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+    return (React.createElement(Button, { type: type, "data-size": size, variant: variant === "ghost" ? "transparent" : variant, className: clx(inputGroupButtonVariants({ size }), className), ...props }));
+}
+function InputGroupText({ className, ...props }) {
+    return (React.createElement("span", { className: clx("txt-compact-small flex items-center gap-2 text-ui-fg-muted [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function InputGroupInput({ className, ...props }) {
+    return (React.createElement(Input, { "data-slot": "input-group-control", className: clx("flex-1 rounded-none bg-transparent shadow-none focus-visible:shadow-none disabled:bg-transparent aria-[invalid=true]:shadow-none", className), ...props }));
+}
+function InputGroupTextarea({ className, ...props }) {
+    return (React.createElement(Textarea, { "data-slot": "input-group-control", className: clx("flex-1 resize-none rounded-none bg-transparent py-2 shadow-none focus-visible:shadow-none disabled:bg-transparent aria-[invalid=true]:shadow-none", className), ...props }));
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };
+//# sourceMappingURL=input-group.js.map

package/dist/esm/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Textarea } from \"@/components/textarea\"\nimport { clx } from \"@/utils/clx\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={clx(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-md bg-ui-bg-field shadow-borders-base transition-fg outline-none\",\n        \"focus-within:shadow-borders-interactive-with-active\",\n        \"has-[:disabled]:bg-ui-bg-disabled has-[:disabled]:opacity-60\",\n        \"has-[[aria-invalid=true]]:shadow-borders-error\",\n        \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\",\n        \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\",\n        \"has-[>textarea]:h-auto\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva({\n  base: \"txt-compact-small-plus flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-ui-fg-muted group-has-[:disabled]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4\",\n  variants: {\n    align: {\n      \"inline-start\": \"order-first pl-2 has-[>button]:ml-[-0.3rem]\",\n      \"inline-end\": \"order-last pr-2 has-[>button]:mr-[-0.3rem]\",\n      \"block-start\":\n        \"order-first w-full justify-start px-2.5 pt-2 [.border-b]:pb-2\",\n      \"block-end\":\n        \"order-last w-full justify-start px-2.5 pb-2 [.border-t]:pt-2\",\n    },\n  },\n  defaultVariants: {\n    align: \"inline-start\",\n  },\n})\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={clx(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        const control = e.currentTarget.parentElement?.querySelector(\n          \"input,textarea\"\n        ) as HTMLInputElement | HTMLTextAreaElement | null\n        control?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva({\n  base: \"flex items-center gap-2 shadow-none\",\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n})\n\ninterface InputGroupButtonProps\n  extends\n    Omit<React.ComponentProps<typeof Button>, \"size\" | \"variant\">,\n    VariantProps<typeof inputGroupButtonVariants> {\n  variant?: React.ComponentProps<typeof Button>[\"variant\"] | \"ghost\"\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: InputGroupButtonProps) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant === \"ghost\" ? \"transparent\" : variant}\n      className={clx(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={clx(\n        \"txt-compact-small flex items-center gap-2 text-ui-fg-muted [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: Omit<React.ComponentProps<\"input\">, \"size\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={clx(\n        \"flex-1 rounded-none bg-transparent shadow-none focus-visible:shadow-none disabled:bg-transparent aria-[invalid=true]:shadow-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={clx(\n        \"flex-1 resize-none rounded-none bg-transparent py-2 shadow-none focus-visible:shadow-none disabled:bg-transparent aria-[invalid=true]:shadow-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n}\n"]}

package/dist/esm/components/inputs/chip-input/chip-input.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type ChipInputProps = {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    onBlur?: () => void;
+    name?: string;
+    disabled?: boolean;
+    allowDuplicates?: boolean;
+    showRemove?: boolean;
+    variant?: "base" | "contrast";
+    placeholder?: string;
+    className?: string;
+};
+declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
+export { ChipInput };
+//# sourceMappingURL=chip-input.d.ts.map

package/dist/esm/components/inputs/chip-input/chip-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/chip-input/chip-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,QAAA,MAAM,SAAS,yFA4Kd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/esm/components/inputs/chip-input/chip-input.js

@@ -0,0 +1,87 @@
+"use client";
+import { XMarkMini } from "@nergora/icons";
+import * as React from "react";
+import { Badge } from "../../badge/index.js";
+import { clx } from "../../../utils/clx.js";
+const shakeAnimation = {
+    animation: "nergora-chip-input-shake 300ms ease-in-out",
+};
+const ChipInput = React.forwardRef(({ value, onChange, onBlur, disabled, name, showRemove = true, variant = "base", allowDuplicates = false, placeholder, className, }, ref) => {
+    const innerRef = React.useRef(null);
+    const isControlledRef = React.useRef(typeof value !== "undefined");
+    const isControlled = isControlledRef.current;
+    const [uncontrolledValue, setUncontrolledValue] = React.useState([]);
+    const [duplicateIndex, setDuplicateIndex] = React.useState(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const chips = isControlled ? value : uncontrolledValue;
+    const setChips = React.useCallback((nextChips) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextChips);
+        if (!isControlled) {
+            setUncontrolledValue(nextChips);
+        }
+    }, [isControlled, onChange]);
+    const handleAddChip = React.useCallback((chip) => {
+        const cleanValue = chip.trim();
+        if (!cleanValue) {
+            return;
+        }
+        if (!allowDuplicates && chips.includes(cleanValue)) {
+            setDuplicateIndex(chips.indexOf(cleanValue));
+            window.setTimeout(() => {
+                setDuplicateIndex(null);
+            }, 300);
+            return;
+        }
+        setChips([...chips, cleanValue]);
+    }, [allowDuplicates, chips, setChips]);
+    const handleRemoveChip = React.useCallback((chip) => {
+        if (!chip || disabled) {
+            return;
+        }
+        setChips(chips.filter((value) => value !== chip));
+    }, [chips, disabled, setChips]);
+    const handleBlur = (event) => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+        if (event.target.value) {
+            handleAddChip(event.target.value);
+            event.target.value = "";
+        }
+    };
+    const handleKeyDown = (event) => {
+        var _a, _b;
+        if (event.key === "Enter" || event.key === ",") {
+            event.preventDefault();
+            if (!((_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
+                return;
+            }
+            handleAddChip(innerRef.current.value);
+            innerRef.current.value = "";
+            innerRef.current.focus();
+        }
+        if (event.key === "Backspace" && ((_b = innerRef.current) === null || _b === void 0 ? void 0 : _b.value) === "") {
+            handleRemoveChip(chips[chips.length - 1]);
+        }
+    };
+    return (React.createElement("div", { className: clx("shadow-borders-base flex min-h-8 flex-wrap items-center gap-1 rounded-md px-2 py-1.5", "transition-fg focus-within:shadow-borders-interactive-with-active", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-ui-bg-disabled has-[input:disabled]:text-ui-fg-disabled", {
+            "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover": variant === "contrast",
+            "bg-ui-bg-field hover:bg-ui-bg-field-hover": variant === "base",
+        }, className), tabIndex: -1, onClick: () => { var _a; return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } },
+        React.createElement("style", null, `@keyframes nergora-chip-input-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}`),
+        chips.map((chip, index) => {
+            return (React.createElement(Badge, { key: `${chip}-${index}`, size: "2xsmall", className: clx("gap-x-0.5 pl-1.5 pr-1.5", {
+                    "transition-fg pr-1": showRemove,
+                    "shadow-borders-focus": index === duplicateIndex,
+                }), asChild: true },
+                React.createElement("span", { style: index === duplicateIndex ? shakeAnimation : undefined },
+                    chip,
+                    showRemove ? (React.createElement("button", { tabIndex: -1, type: "button", disabled: disabled, onClick: (event) => {
+                            event.stopPropagation();
+                            handleRemoveChip(chip);
+                        }, className: "text-ui-fg-subtle transition-fg outline-none disabled:cursor-not-allowed disabled:text-ui-fg-disabled" },
+                        React.createElement(XMarkMini, null))) : null)));
+        }),
+        React.createElement("input", { className: clx("caret-ui-fg-base text-ui-fg-base txt-compact-small flex-1 appearance-none bg-transparent", "disabled:cursor-not-allowed disabled:text-ui-fg-disabled", "focus:outline-none", "placeholder:text-ui-fg-muted"), onKeyDown: handleKeyDown, onBlur: handleBlur, disabled: disabled, name: name, ref: innerRef, placeholder: chips.length === 0 ? placeholder : undefined, autoComplete: "off" })));
+});
+ChipInput.displayName = "ChipInput";
+export { ChipInput };
+//# sourceMappingURL=chip-input.js.map

package/dist/esm/components/inputs/chip-input/chip-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-input.js","sourceRoot":"","sources":["../../../../../src/components/inputs/chip-input/chip-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { XMarkMini } from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport { Badge } from \"@/components/badge\"\nimport { clx } from \"@/utils/clx\"\n\nexport type ChipInputProps = {\n  value?: string[]\n  onChange?: (value: string[]) => void\n  onBlur?: () => void\n  name?: string\n  disabled?: boolean\n  allowDuplicates?: boolean\n  showRemove?: boolean\n  variant?: \"base\" | \"contrast\"\n  placeholder?: string\n  className?: string\n}\n\nconst shakeAnimation = {\n  animation: \"nergora-chip-input-shake 300ms ease-in-out\",\n}\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled,\n      name,\n      showRemove = true,\n      variant = \"base\",\n      allowDuplicates = false,\n      placeholder,\n      className,\n    },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n    const isControlledRef = React.useRef(typeof value !== \"undefined\")\n    const isControlled = isControlledRef.current\n    const [uncontrolledValue, setUncontrolledValue] = React.useState<string[]>(\n      []\n    )\n    const [duplicateIndex, setDuplicateIndex] = React.useState<number | null>(\n      null\n    )\n\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement)\n\n    const chips = isControlled ? (value as string[]) : uncontrolledValue\n\n    const setChips = React.useCallback(\n      (nextChips: string[]) => {\n        onChange?.(nextChips)\n\n        if (!isControlled) {\n          setUncontrolledValue(nextChips)\n        }\n      },\n      [isControlled, onChange]\n    )\n\n    const handleAddChip = React.useCallback(\n      (chip: string) => {\n        const cleanValue = chip.trim()\n\n        if (!cleanValue) {\n          return\n        }\n\n        if (!allowDuplicates && chips.includes(cleanValue)) {\n          setDuplicateIndex(chips.indexOf(cleanValue))\n\n          window.setTimeout(() => {\n            setDuplicateIndex(null)\n          }, 300)\n\n          return\n        }\n\n        setChips([...chips, cleanValue])\n      },\n      [allowDuplicates, chips, setChips]\n    )\n\n    const handleRemoveChip = React.useCallback(\n      (chip?: string) => {\n        if (!chip || disabled) {\n          return\n        }\n\n        setChips(chips.filter((value) => value !== chip))\n      },\n      [chips, disabled, setChips]\n    )\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.()\n\n      if (event.target.value) {\n        handleAddChip(event.target.value)\n        event.target.value = \"\"\n      }\n    }\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\" || event.key === \",\") {\n        event.preventDefault()\n\n        if (!innerRef.current?.value) {\n          return\n        }\n\n        handleAddChip(innerRef.current.value)\n        innerRef.current.value = \"\"\n        innerRef.current.focus()\n      }\n\n      if (event.key === \"Backspace\" && innerRef.current?.value === \"\") {\n        handleRemoveChip(chips[chips.length - 1])\n      }\n    }\n\n    return (\n      <div\n        className={clx(\n          \"shadow-borders-base flex min-h-8 flex-wrap items-center gap-1 rounded-md px-2 py-1.5\",\n          \"transition-fg focus-within:shadow-borders-interactive-with-active\",\n          \"has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-ui-bg-disabled has-[input:disabled]:text-ui-fg-disabled\",\n          {\n            \"bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover\":\n              variant === \"contrast\",\n            \"bg-ui-bg-field hover:bg-ui-bg-field-hover\": variant === \"base\",\n          },\n          className\n        )}\n        tabIndex={-1}\n        onClick={() => innerRef.current?.focus()}\n      >\n        <style>\n          {`@keyframes nergora-chip-input-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}`}\n        </style>\n        {chips.map((chip, index) => {\n          return (\n            <Badge\n              key={`${chip}-${index}`}\n              size=\"2xsmall\"\n              className={clx(\"gap-x-0.5 pl-1.5 pr-1.5\", {\n                \"transition-fg pr-1\": showRemove,\n                \"shadow-borders-focus\": index === duplicateIndex,\n              })}\n              asChild\n            >\n              <span\n                style={index === duplicateIndex ? shakeAnimation : undefined}\n              >\n                {chip}\n                {showRemove ? (\n                  <button\n                    tabIndex={-1}\n                    type=\"button\"\n                    disabled={disabled}\n                    onClick={(event) => {\n                      event.stopPropagation()\n                      handleRemoveChip(chip)\n                    }}\n                    className=\"text-ui-fg-subtle transition-fg outline-none disabled:cursor-not-allowed disabled:text-ui-fg-disabled\"\n                  >\n                    <XMarkMini />\n                  </button>\n                ) : null}\n              </span>\n            </Badge>\n          )\n        })}\n        <input\n          className={clx(\n            \"caret-ui-fg-base text-ui-fg-base txt-compact-small flex-1 appearance-none bg-transparent\",\n            \"disabled:cursor-not-allowed disabled:text-ui-fg-disabled\",\n            \"focus:outline-none\",\n            \"placeholder:text-ui-fg-muted\"\n          )}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          name={name}\n          ref={innerRef}\n          placeholder={chips.length === 0 ? placeholder : undefined}\n          autoComplete=\"off\"\n        />\n      </div>\n    )\n  }\n)\n\nChipInput.displayName = \"ChipInput\"\n\nexport { ChipInput }\n"]}

package/dist/esm/components/inputs/chip-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./chip-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/inputs/chip-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/chip-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/components/inputs/chip-input/index.js

@@ -0,0 +1,2 @@
+export * from "./chip-input";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputs/chip-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputs/chip-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA","sourcesContent":["export * from \"./chip-input\"\n"]}

package/dist/esm/components/inputs/handle-input/handle-input.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const HandleInput: React.ForwardRefExoticComponent<Omit<import("../../input/index.js").InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { HandleInput };
+//# sourceMappingURL=handle-input.d.ts.map

package/dist/esm/components/inputs/handle-input/handle-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/handle-input/handle-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,WAAW,uKAmBf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/inputs/handle-input/handle-input.js

@@ -0,0 +1,14 @@
+"use client";
+import * as React from "react";
+import { Input } from "../../input/index.js";
+import { Text } from "../../text/index.js";
+import { clx } from "../../../utils/clx.js";
+const HandleInput = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { className: "relative" },
+        React.createElement("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r" },
+            React.createElement(Text, { className: "text-ui-fg-muted", size: "small", leading: "compact", weight: "plus" }, "/")),
+        React.createElement(Input, { ref: ref, ...props, className: clx("pl-10", className) })));
+});
+HandleInput.displayName = "HandleInput";
+export { HandleInput };
+//# sourceMappingURL=handle-input.js.map

package/dist/esm/components/inputs/handle-input/handle-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-input.js","sourceRoot":"","sources":["../../../../../src/components/inputs/handle-input/handle-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,6BAAK,SAAS,EAAC,8EAA8E;YAC3F,oBAAC,IAAI,IACH,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,MAAM,QAGR,CACH;QACN,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,CAC9D,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Input } from \"@/components/input\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\nconst HandleInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <div className=\"relative\">\n      <div className=\"absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r\">\n        <Text\n          className=\"text-ui-fg-muted\"\n          size=\"small\"\n          leading=\"compact\"\n          weight=\"plus\"\n        >\n          /\n        </Text>\n      </div>\n      <Input ref={ref} {...props} className={clx(\"pl-10\", className)} />\n    </div>\n  )\n})\nHandleInput.displayName = \"HandleInput\"\n\nexport { HandleInput }\n"]}

package/dist/esm/components/inputs/handle-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./handle-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/inputs/handle-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/handle-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/inputs/handle-input/index.js

@@ -0,0 +1,2 @@
+export * from "./handle-input";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputs/handle-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputs/handle-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA","sourcesContent":["export * from \"./handle-input\"\n"]}

package/dist/esm/components/inputs/percentage-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./percentage-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/inputs/percentage-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/percentage-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/esm/components/inputs/percentage-input/index.js

@@ -0,0 +1,2 @@
+export * from "./percentage-input";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputs/percentage-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputs/percentage-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA","sourcesContent":["export * from \"./percentage-input\"\n"]}

package/dist/esm/components/inputs/percentage-input/percentage-input.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+declare const DeprecatedPercentageInput: React.ForwardRefExoticComponent<Omit<Omit<import("../../input/index.js").InputProps & React.RefAttributes<HTMLInputElement>, "type">, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const PercentageInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "form" | "slot" | "style" | "title" | "pattern" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "list" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "multiple" | "size" | "src" | "alt" | "height" | "width" | "max" | "min" | "checked" | "required" | "accept" | "autoComplete" | "capture" | "minLength" | "readOnly" | keyof React.ClassAttributes<HTMLInputElement>> & {
+    allowDecimals?: boolean | undefined;
+    allowNegativeValue?: boolean | undefined;
+    id?: string | undefined;
+    maxLength?: number | undefined;
+    className?: string | undefined;
+    customInput?: React.ElementType | undefined;
+    decimalsLimit?: number | undefined;
+    decimalScale?: number | undefined;
+    defaultValue?: number | string | undefined;
+    disabled?: boolean | undefined;
+    fixedDecimalLength?: number | undefined;
+    onValueChange?: ((value: string | undefined, name?: string | undefined, values?: import("react-currency-input-field").CurrencyInputOnChangeValues) => void) | undefined;
+    placeholder?: string | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    step?: number | undefined;
+    decimalSeparator?: string | undefined;
+    groupSeparator?: string | undefined;
+    disableGroupSeparators?: boolean | undefined;
+    disableAbbreviations?: boolean | undefined;
+    intlConfig?: import("react-currency-input-field").IntlConfig | undefined;
+    transformRawValue?: ((rawValue: string) => string) | undefined;
+    formatValueOnBlur?: boolean | undefined;
+    value?: string | number | undefined;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { DeprecatedPercentageInput, PercentageInput };
+//# sourceMappingURL=percentage-input.d.ts.map

package/dist/esm/components/inputs/percentage-input/percentage-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"percentage-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/percentage-input/percentage-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqC9B,QAAA,MAAM,yBAAyB,qLA2B7B,CAAA;AAGF,QAAA,MAAM,eAAe;;;;;;;;;;;;qDA0D0jB,CAAC,4BAA4B,CAAC;;;;;;;;;;;;;kDAJ5mB,CAAA;AAGD,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/components/inputs/percentage-input/percentage-input.js

@@ -0,0 +1,43 @@
+"use client";
+import * as React from "react";
+import Primitive from "react-currency-input-field";
+import { Input } from "../../input/index.js";
+import { Text } from "../../text/index.js";
+import { clx } from "../../../utils/clx.js";
+const MIN_DECIMAL_SCALE = 2;
+function getNumberOfDecimalPlaces(value) {
+    var _a, _b;
+    if (!Number.isFinite(value)) {
+        return 0;
+    }
+    const valueString = value.toString();
+    if (valueString.includes("e-")) {
+        const [, exponent] = valueString.split("e-");
+        return Number(exponent);
+    }
+    return (_b = (_a = valueString.split(".")[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+}
+function resolveDecimalScale(value) {
+    if (value == null || Array.isArray(value)) {
+        return MIN_DECIMAL_SCALE;
+    }
+    return Math.max(getNumberOfDecimalPlaces(Number.parseFloat(value.toString())), MIN_DECIMAL_SCALE);
+}
+const DeprecatedPercentageInput = React.forwardRef(({ min = 0, max = 100, step = 0.0001, className, ...props }, ref) => {
+    return (React.createElement("div", { className: "relative" },
+        React.createElement("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r" },
+            React.createElement(Text, { className: "text-ui-fg-muted", size: "small", leading: "compact", weight: "plus" }, "%")),
+        React.createElement(Input, { ref: ref, type: "number", min: min, max: max, step: step, ...props, className: clx("pl-10", className) })));
+});
+DeprecatedPercentageInput.displayName = "PercentageInput";
+const PercentageInput = React.forwardRef(({ min = 0, max = 100, decimalScale, decimalsLimit, value, className, ...props }, ref) => {
+    const resolvedDecimalScale = decimalScale !== null && decimalScale !== void 0 ? decimalScale : resolveDecimalScale(value);
+    const resolvedDecimalsLimit = decimalsLimit !== null && decimalsLimit !== void 0 ? decimalsLimit : resolvedDecimalScale;
+    return (React.createElement("div", { className: "relative" },
+        React.createElement(Primitive, { ref: ref, min: min, max: max, autoComplete: "off", decimalScale: resolvedDecimalScale, decimalsLimit: resolvedDecimalsLimit, value: value, ...props, className: clx("caret-ui-fg-base bg-ui-bg-field shadow-buttons-neutral transition-fg txt-compact-small flex w-full select-none appearance-none items-center justify-between rounded-md px-2 py-1.5 pl-10 text-left outline-none", "text-ui-fg-base placeholder:text-ui-fg-muted", "hover:bg-ui-bg-field-hover", "focus-visible:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active", "aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error", "invalid:border-ui-border-error invalid:shadow-borders-error", "disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled", className) }),
+        React.createElement("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r" },
+            React.createElement(Text, { className: "text-ui-fg-muted", size: "small", leading: "compact", weight: "plus" }, "%"))));
+});
+PercentageInput.displayName = "PercentageInput";
+export { DeprecatedPercentageInput, PercentageInput };
+//# sourceMappingURL=percentage-input.js.map

package/dist/esm/components/inputs/percentage-input/percentage-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"percentage-input.js","sourceRoot":"","sources":["../../../../../src/components/inputs/percentage-input/percentage-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport Primitive from \"react-currency-input-field\"\n\nimport { Input } from \"@/components/input\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\nconst MIN_DECIMAL_SCALE = 2\n\nfunction getNumberOfDecimalPlaces(value: number) {\n  if (!Number.isFinite(value)) {\n    return 0\n  }\n\n  const valueString = value.toString()\n\n  if (valueString.includes(\"e-\")) {\n    const [, exponent] = valueString.split(\"e-\")\n    return Number(exponent)\n  }\n\n  return valueString.split(\".\")[1]?.length ?? 0\n}\n\nfunction resolveDecimalScale(\n  value: string | readonly string[] | number | undefined | null\n): number | undefined {\n  if (value == null || Array.isArray(value)) {\n    return MIN_DECIMAL_SCALE\n  }\n\n  return Math.max(\n    getNumberOfDecimalPlaces(Number.parseFloat(value.toString())),\n    MIN_DECIMAL_SCALE\n  )\n}\n\nconst DeprecatedPercentageInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  Omit<React.ComponentProps<typeof Input>, \"type\">\n>(({ min = 0, max = 100, step = 0.0001, className, ...props }, ref) => {\n  return (\n    <div className=\"relative\">\n      <div className=\"absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r\">\n        <Text\n          className=\"text-ui-fg-muted\"\n          size=\"small\"\n          leading=\"compact\"\n          weight=\"plus\"\n        >\n          %\n        </Text>\n      </div>\n      <Input\n        ref={ref}\n        type=\"number\"\n        min={min}\n        max={max}\n        step={step}\n        {...props}\n        className={clx(\"pl-10\", className)}\n      />\n    </div>\n  )\n})\nDeprecatedPercentageInput.displayName = \"PercentageInput\"\n\nconst PercentageInput = React.forwardRef<\n  React.ElementRef<\"input\">,\n  React.ComponentProps<typeof Primitive>\n>(\n  (\n    {\n      min = 0,\n      max = 100,\n      decimalScale,\n      decimalsLimit,\n      value,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedDecimalScale = decimalScale ?? resolveDecimalScale(value)\n    const resolvedDecimalsLimit = decimalsLimit ?? resolvedDecimalScale\n\n    return (\n      <div className=\"relative\">\n        <Primitive\n          ref={ref as never}\n          min={min}\n          max={max}\n          autoComplete=\"off\"\n          decimalScale={resolvedDecimalScale}\n          decimalsLimit={resolvedDecimalsLimit}\n          value={value}\n          {...props}\n          className={clx(\n            \"caret-ui-fg-base bg-ui-bg-field shadow-buttons-neutral transition-fg txt-compact-small flex w-full select-none appearance-none items-center justify-between rounded-md px-2 py-1.5 pl-10 text-left outline-none\",\n            \"text-ui-fg-base placeholder:text-ui-fg-muted\",\n            \"hover:bg-ui-bg-field-hover\",\n            \"focus-visible:shadow-borders-interactive-with-active data-[state=open]:!shadow-borders-interactive-with-active\",\n            \"aria-[invalid=true]:border-ui-border-error aria-[invalid=true]:shadow-borders-error\",\n            \"invalid:border-ui-border-error invalid:shadow-borders-error\",\n            \"disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n            className\n          )}\n        />\n        <div className=\"absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r\">\n          <Text\n            className=\"text-ui-fg-muted\"\n            size=\"small\"\n            leading=\"compact\"\n            weight=\"plus\"\n          >\n            %\n          </Text>\n        </div>\n      </div>\n    )\n  }\n)\nPercentageInput.displayName = \"PercentageInput\"\n\nexport { DeprecatedPercentageInput, PercentageInput }\n"]}

package/dist/esm/components/item/index.d.ts

@@ -0,0 +1,3 @@
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./item";
+export type { ItemMediaProps, ItemProps } from "./item";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,QAAQ,CAAA;AACf,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/dist/esm/components/item/index.js

@@ -0,0 +1,2 @@
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./item";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,QAAQ,CAAA","sourcesContent":["export {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemMedia,\n  ItemSeparator,\n  ItemTitle,\n} from \"./item\"\nexport type { ItemMediaProps, ItemProps } from \"./item\"\n"]}