@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/number-field-scrub-area-cursor-6AFnR-wB.js

@@ -0,0 +1,69 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Add01Icon, ArrowHorizontalIcon, MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field-decrement.tsx
+const NumberFieldDecrement = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.Decrement, {
+	className: cn("flex size-9 cursor-pointer items-center justify-center rounded-l-md border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", className),
+	"data-slot": "number-field-decrement",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		size: 14,
+		icon: MinusSignIcon
+	})
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-group.tsx
+const NumberFieldGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(NumberField.Group, {
+	className: cn("flex rounded-md text-foreground shadow-xs transition-shadow focus-within:ring-[3px] focus-within:ring-ring/30", className),
+	"data-slot": "number-field-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-increment.tsx
+const NumberFieldIncrement = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.Increment, {
+	className: cn("flex size-9 cursor-pointer items-center justify-center rounded-r-md border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50", className),
+	"data-slot": "number-field-increment",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		size: 14,
+		icon: Add01Icon
+	})
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-input.tsx
+const NumberFieldInput = ({ className, ...props }) => /* @__PURE__ */ jsx(NumberField.Input, {
+	className: cn("h-9 w-20 border-y border-input bg-background text-center text-sm text-foreground tabular-nums transition-colors hover:border-ring/70 focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", className),
+	"data-slot": "number-field-input",
+	...props
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area.tsx
+const NumberFieldScrubArea = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+	className: cn("cursor-ew-resize", className),
+	"data-slot": "number-field-scrub-area",
+	...props,
+	children
+});
+
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area-cursor.tsx
+const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+	className: cn("drop-shadow-sm filter", className),
+	"data-slot": "number-field-scrub-area-cursor",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "size-4.5",
+		icon: ArrowHorizontalIcon
+	})
+});
+
+//#endregion
+export { NumberFieldGroup as a, NumberFieldIncrement as i, NumberFieldScrubArea as n, NumberFieldDecrement as o, NumberFieldInput as r, NumberFieldScrubAreaCursor as t };
+//# sourceMappingURL=number-field-scrub-area-cursor-6AFnR-wB.js.map

package/dist/number-field-scrub-area-cursor-6AFnR-wB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-scrub-area-cursor-6AFnR-wB.js","names":["BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField","BaseNumberField"],"sources":["../src/ui/number-field/number-field-decrement.tsx","../src/ui/number-field/number-field-group.tsx","../src/ui/number-field/number-field-increment.tsx","../src/ui/number-field/number-field-input.tsx","../src/ui/number-field/number-field-scrub-area.tsx","../src/ui/number-field/number-field-scrub-area-cursor.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldDecrementProps = ComponentProps<\n  typeof BaseNumberField.Decrement\n>;\n\nexport const NumberFieldDecrement = ({\n  className,\n  children,\n  ...props\n}: NumberFieldDecrementProps) => (\n  <BaseNumberField.Decrement\n    className={cn(\n      \"flex size-9 cursor-pointer items-center justify-center rounded-l-md border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"number-field-decrement\"\n    {...props}\n  >\n    {children ?? <HugeiconsIcon size={14} icon={MinusSignIcon} />}\n  </BaseNumberField.Decrement>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldGroupProps = ComponentProps<\n  typeof BaseNumberField.Group\n>;\n\nexport const NumberFieldGroup = ({\n  className,\n  ...props\n}: NumberFieldGroupProps) => (\n  <BaseNumberField.Group\n    className={cn(\n      \"flex rounded-md text-foreground shadow-xs transition-shadow focus-within:ring-[3px] focus-within:ring-ring/30\",\n      className\n    )}\n    data-slot=\"number-field-group\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldIncrementProps = ComponentProps<\n  typeof BaseNumberField.Increment\n>;\n\nexport const NumberFieldIncrement = ({\n  className,\n  children,\n  ...props\n}: NumberFieldIncrementProps) => (\n  <BaseNumberField.Increment\n    className={cn(\n      \"flex size-9 cursor-pointer items-center justify-center rounded-r-md border border-input bg-muted text-foreground transition-colors select-none hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"number-field-increment\"\n    {...props}\n  >\n    {children ?? <HugeiconsIcon size={14} icon={Add01Icon} />}\n  </BaseNumberField.Increment>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldInputProps = ComponentProps<\n  typeof BaseNumberField.Input\n>;\n\nexport const NumberFieldInput = ({\n  className,\n  ...props\n}: NumberFieldInputProps) => (\n  <BaseNumberField.Input\n    className={cn(\n      \"h-9 w-20 border-y border-input bg-background text-center text-sm text-foreground tabular-nums transition-colors hover:border-ring/70 focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"number-field-input\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldScrubAreaProps = ComponentProps<\n  typeof BaseNumberField.ScrubArea\n>;\n\nexport const NumberFieldScrubArea = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaProps) => (\n  <BaseNumberField.ScrubArea\n    className={cn(\"cursor-ew-resize\", className)}\n    data-slot=\"number-field-scrub-area\"\n    {...props}\n  >\n    {children}\n  </BaseNumberField.ScrubArea>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { ArrowHorizontalIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type NumberFieldScrubAreaCursorProps = ComponentProps<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = ({\n  className,\n  children,\n  ...props\n}: NumberFieldScrubAreaCursorProps) => (\n  <BaseNumberField.ScrubAreaCursor\n    className={cn(\"drop-shadow-sm filter\", className)}\n    data-slot=\"number-field-scrub-area-cursor\"\n    {...props}\n  >\n    {children ?? (\n      <HugeiconsIcon className=\"size-4.5\" icon={ArrowHorizontalIcon} />\n    )}\n  </BaseNumberField.ScrubAreaCursor>\n);\n"],"mappings":";;;;;;;AAWA,MAAa,wBAAwB,EACnC,WACA,UACA,GAAG,YAEH,oBAACA,YAAgB;CACf,WAAW,GACT,wNACA,UACD;CACD,aAAU;CACV,GAAI;WAEH,YAAY,oBAAC;EAAc,MAAM;EAAI,MAAM;GAAiB;EACnC;;;;AChB9B,MAAa,oBAAoB,EAC/B,WACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,GACT,iHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAa,wBAAwB,EACnC,WACA,UACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,GACT,wNACA,UACD;CACD,aAAU;CACV,GAAI;WAEH,YAAY,oBAAC;EAAc,MAAM;EAAI,MAAM;GAAa;EAC/B;;;;AChB9B,MAAa,oBAAoB,EAC/B,WACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,GACT,0RACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAa,wBAAwB,EACnC,WACA,UACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CAEH;EACyB;;;;ACT9B,MAAa,8BAA8B,EACzC,WACA,UACA,GAAG,YAEH,oBAACC,YAAgB;CACf,WAAW,GAAG,yBAAyB,UAAU;CACjD,aAAU;CACV,GAAI;WAEH,YACC,oBAAC;EAAc,WAAU;EAAW,MAAM;GAAuB;EAEnC"}

package/dist/number-field-scrub-area-cursor-BIS4ObSL.d.ts

@@ -0,0 +1,52 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field-decrement.d.ts
+type NumberFieldDecrementProps = ComponentProps<typeof NumberField.Decrement>;
+declare const NumberFieldDecrement: ({
+  className,
+  children,
+  ...props
+}: NumberFieldDecrementProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-group.d.ts
+type NumberFieldGroupProps = ComponentProps<typeof NumberField.Group>;
+declare const NumberFieldGroup: ({
+  className,
+  ...props
+}: NumberFieldGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-increment.d.ts
+type NumberFieldIncrementProps = ComponentProps<typeof NumberField.Increment>;
+declare const NumberFieldIncrement: ({
+  className,
+  children,
+  ...props
+}: NumberFieldIncrementProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-input.d.ts
+type NumberFieldInputProps = ComponentProps<typeof NumberField.Input>;
+declare const NumberFieldInput: ({
+  className,
+  ...props
+}: NumberFieldInputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area.d.ts
+type NumberFieldScrubAreaProps = ComponentProps<typeof NumberField.ScrubArea>;
+declare const NumberFieldScrubArea: ({
+  className,
+  children,
+  ...props
+}: NumberFieldScrubAreaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/number-field/number-field-scrub-area-cursor.d.ts
+type NumberFieldScrubAreaCursorProps = ComponentProps<typeof NumberField.ScrubAreaCursor>;
+declare const NumberFieldScrubAreaCursor: ({
+  className,
+  children,
+  ...props
+}: NumberFieldScrubAreaCursorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NumberFieldInput as a, NumberFieldIncrementProps as c, NumberFieldDecrement as d, NumberFieldDecrementProps as f, NumberFieldScrubAreaProps as i, NumberFieldGroup as l, NumberFieldScrubAreaCursorProps as n, NumberFieldInputProps as o, NumberFieldScrubArea as r, NumberFieldIncrement as s, NumberFieldScrubAreaCursor as t, NumberFieldGroupProps as u };
+//# sourceMappingURL=number-field-scrub-area-cursor-BIS4ObSL.d.ts.map

package/dist/number-field-scrub-area-cursor-BIS4ObSL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-scrub-area-cursor-BIS4ObSL.d.ts","names":[],"sources":["../src/ui/number-field/number-field-decrement.tsx","../src/ui/number-field/number-field-group.tsx","../src/ui/number-field/number-field-increment.tsx","../src/ui/number-field/number-field-input.tsx","../src/ui/number-field/number-field-scrub-area.tsx","../src/ui/number-field/number-field-scrub-area-cursor.tsx"],"mappings":";;;;;KAOY,yBAAA,GAA4B,cAAA,QAC/B,WAAA,CAAgB,SAAA;AAAA,cAGZ,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVhB,qBAAA,GAAwB,cAAA,QAC3B,WAAA,CAAgB,KAAA;AAAA,cAGZ,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLZ,yBAAA,GAA4B,cAAA,QAC/B,WAAA,CAAgB,SAAA;AAAA,cAGZ,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVhB,qBAAA,GAAwB,cAAA,QAC3B,WAAA,CAAgB,KAAA;AAAA,cAGZ,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPZ,yBAAA,GAA4B,cAAA,QAC/B,WAAA,CAAgB,SAAA;AAAA,cAGZ,oBAAA;EAAwB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNhB,+BAAA,GAAkC,cAAA,QACrC,WAAA,CAAgB,eAAA;AAAA,cAGZ,0BAAA;EAA8B,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIxC,+BAAA,KAA+B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/number-field.d.ts

@@ -0,0 +1,45 @@
+import { a as NumberFieldInput, c as NumberFieldIncrementProps, d as NumberFieldDecrement, f as NumberFieldDecrementProps, i as NumberFieldScrubAreaProps, l as NumberFieldGroup, n as NumberFieldScrubAreaCursorProps, o as NumberFieldInputProps, r as NumberFieldScrubArea, s as NumberFieldIncrement, t as NumberFieldScrubAreaCursor, u as NumberFieldGroupProps } from "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field.d.ts
+type NumberFieldProps = ComponentProps<typeof NumberField$1.Root>;
+declare const NumberField: {
+  ({
+    className,
+    children,
+    ...props
+  }: NumberFieldProps): react_jsx_runtime0.JSX.Element;
+  Decrement: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldDecrementProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: NumberFieldGroupProps) => react_jsx_runtime0.JSX.Element;
+  Increment: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldIncrementProps) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    ...props
+  }: NumberFieldInputProps) => react_jsx_runtime0.JSX.Element;
+  ScrubArea: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldScrubAreaProps) => react_jsx_runtime0.JSX.Element;
+  ScrubAreaCursor: ({
+    className,
+    children,
+    ...props
+  }: NumberFieldScrubAreaCursorProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps };
+//# sourceMappingURL=number-field.d.ts.map

package/dist/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/ui/number-field/number-field.tsx"],"mappings":";;;;;;KAYY,gBAAA,GAAmB,cAAA,QAAsB,aAAA,CAAgB,IAAA;AAAA,cAE/D,WAAA;EAAA;;;;KAAkD,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/number-field.js

@@ -0,0 +1,22 @@
+import { a as NumberFieldGroup, i as NumberFieldIncrement, n as NumberFieldScrubArea, o as NumberFieldDecrement, r as NumberFieldInput, t as NumberFieldScrubAreaCursor } from "./number-field-scrub-area-cursor-6AFnR-wB.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { NumberField as NumberField$1 } from "@base-ui/react/number-field";
+
+//#region src/ui/number-field/number-field.tsx
+const NumberField = ({ className, children, ...props }) => /* @__PURE__ */ jsx(NumberField$1.Root, {
+	className: cn("flex flex-col items-start gap-1", className),
+	"data-slot": "number-field",
+	...props,
+	children
+});
+NumberField.Decrement = NumberFieldDecrement;
+NumberField.Group = NumberFieldGroup;
+NumberField.Increment = NumberFieldIncrement;
+NumberField.Input = NumberFieldInput;
+NumberField.ScrubArea = NumberFieldScrubArea;
+NumberField.ScrubAreaCursor = NumberFieldScrubAreaCursor;
+
+//#endregion
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor };
+//# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["BaseNumberField"],"sources":["../src/ui/number-field/number-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { cn } from \"tailwind-variants\";\n\nimport { NumberFieldDecrement } from \"./number-field-decrement\";\nimport { NumberFieldGroup } from \"./number-field-group\";\nimport { NumberFieldIncrement } from \"./number-field-increment\";\nimport { NumberFieldInput } from \"./number-field-input\";\nimport { NumberFieldScrubArea } from \"./number-field-scrub-area\";\nimport { NumberFieldScrubAreaCursor } from \"./number-field-scrub-area-cursor\";\n\nexport type NumberFieldProps = ComponentProps<typeof BaseNumberField.Root>;\n\nconst NumberField = ({ className, children, ...props }: NumberFieldProps) => (\n  <BaseNumberField.Root\n    className={cn(\"flex flex-col items-start gap-1\", className)}\n    data-slot=\"number-field\"\n    {...props}\n  >\n    {children}\n  </BaseNumberField.Root>\n);\n\nNumberField.Decrement = NumberFieldDecrement;\nNumberField.Group = NumberFieldGroup;\nNumberField.Increment = NumberFieldIncrement;\nNumberField.Input = NumberFieldInput;\nNumberField.ScrubArea = NumberFieldScrubArea;\nNumberField.ScrubAreaCursor = NumberFieldScrubAreaCursor;\n\nexport type { NumberFieldDecrementProps } from \"./number-field-decrement\";\nexport type { NumberFieldGroupProps } from \"./number-field-group\";\nexport type { NumberFieldIncrementProps } from \"./number-field-increment\";\nexport type { NumberFieldInputProps } from \"./number-field-input\";\nexport type { NumberFieldScrubAreaProps } from \"./number-field-scrub-area\";\nexport type { NumberFieldScrubAreaCursorProps } from \"./number-field-scrub-area-cursor\";\n\nexport {\n  NumberField,\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n};\n"],"mappings":";;;;;;AAcA,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAC7C,oBAACA,cAAgB;CACf,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;CAEH;EACoB;AAGzB,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,YAAY;AACxB,YAAY,kBAAkB"}

package/dist/optional-portal-BAOgHNvi.js

@@ -0,0 +1,16 @@
+import { Portal } from "./portal.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/portal/optional-portal.tsx
+const isTestEnvironment = () => typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.VITEST === "true" || process.env.JEST_WORKER_ID !== void 0);
+const OptionalPortal = ({ withinPortal = true, children, ...others }) => {
+	if (isTestEnvironment() || !withinPortal) return children;
+	return /* @__PURE__ */ jsx(Portal, {
+		...others,
+		children
+	});
+};
+
+//#endregion
+export { OptionalPortal as t };
+//# sourceMappingURL=optional-portal-BAOgHNvi.js.map

package/dist/optional-portal-BAOgHNvi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-portal-BAOgHNvi.js","names":[],"sources":["../src/ui/portal/optional-portal.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BasePortalProps } from \"./portal\";\n\nimport { Portal } from \"./portal\";\n\nexport type OptionalPortalProps = BasePortalProps & {\n  /**\n   * Determines whether children should be rendered inside `<Portal />`\n   * @default true\n   */\n  withinPortal?: boolean;\n  /**\n   * Portal children\n   */\n  children: React.ReactNode;\n};\n\nconst isTestEnvironment = () =>\n  typeof process !== \"undefined\" &&\n  (process.env.NODE_ENV === \"test\" ||\n    process.env.VITEST === \"true\" ||\n    process.env.JEST_WORKER_ID !== undefined);\n\nexport const OptionalPortal = ({\n  withinPortal = true,\n  children,\n  ...others\n}: OptionalPortalProps) => {\n  const env = isTestEnvironment();\n\n  if (env || !withinPortal) {\n    return children;\n  }\n\n  return <Portal {...others}>{children}</Portal>;\n};\n"],"mappings":";;;;AAkBA,MAAM,0BACJ,OAAO,YAAY,gBAClB,QAAQ,IAAI,aAAa,UACxB,QAAQ,IAAI,WAAW,UACvB,QAAQ,IAAI,mBAAmB;AAEnC,MAAa,kBAAkB,EAC7B,eAAe,MACf,UACA,GAAG,aACsB;AAGzB,KAFY,mBAAmB,IAEpB,CAAC,aACV,QAAO;AAGT,QAAO,oBAAC;EAAO,GAAI;EAAS;GAAkB"}

package/dist/pagination-previous-DPVkNRn0.js

@@ -0,0 +1,89 @@
+import { Button } from "./button.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft01Icon, ArrowRight01Icon, MoreHorizontalCircle01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/pagination/pagination-content.tsx
+const PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	className: cn("flex items-center gap-0.5", className),
+	"data-slot": "pagination-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/pagination/pagination-ellipsis.tsx
+const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": true,
+	className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+	"data-slot": "pagination-ellipsis",
+	...props,
+	children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: MoreHorizontalCircle01Icon,
+		strokeWidth: 2
+	}), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+});
+
+//#endregion
+//#region src/ui/pagination/pagination-item.tsx
+const PaginationItem = ({ ...props }) => /* @__PURE__ */ jsx("li", {
+	"data-slot": "pagination-item",
+	...props
+});
+
+//#endregion
+//#region src/ui/pagination/pagination-link.tsx
+const PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn(className),
+	nativeButton: false,
+	render: /* @__PURE__ */ jsx("a", {
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": "pagination link",
+		"data-active": isActive,
+		"data-slot": "pagination-link",
+		...props
+	}),
+	size,
+	variant: isActive ? "outline" : "ghost"
+});
+
+//#endregion
+//#region src/ui/pagination/pagination-next.tsx
+const PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to next page",
+	className: cn("pr-1.5!", className),
+	size: "default",
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "hidden sm:block",
+		children: "Next"
+	}), /* @__PURE__ */ jsx(HugeiconsIcon, {
+		"data-icon": "inline-end",
+		icon: ArrowRight01Icon,
+		strokeWidth: 2
+	})]
+});
+
+//#endregion
+//#region src/ui/pagination/pagination-previous.tsx
+const PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to previous page",
+	className: cn("pl-1.5!", className),
+	size: "default",
+	...props,
+	children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+		"data-icon": "inline-start",
+		icon: ArrowLeft01Icon,
+		strokeWidth: 2
+	}), /* @__PURE__ */ jsx("span", {
+		className: "hidden sm:block",
+		children: "Previous"
+	})]
+});
+
+//#endregion
+export { PaginationEllipsis as a, PaginationItem as i, PaginationNext as n, PaginationContent as o, PaginationLink as r, PaginationPrevious as t };
+//# sourceMappingURL=pagination-previous-DPVkNRn0.js.map

package/dist/pagination-previous-DPVkNRn0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-previous-DPVkNRn0.js","names":[],"sources":["../src/ui/pagination/pagination-content.tsx","../src/ui/pagination/pagination-ellipsis.tsx","../src/ui/pagination/pagination-item.tsx","../src/ui/pagination/pagination-link.tsx","../src/ui/pagination/pagination-next.tsx","../src/ui/pagination/pagination-previous.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst PaginationContent = ({ className, ...props }: ComponentProps<\"ul\">) => (\n  <ul\n    className={cn(\"flex items-center gap-0.5\", className)}\n    data-slot=\"pagination-content\"\n    {...props}\n  />\n);\n\nexport { PaginationContent };\n","import type { ComponentProps } from \"react\";\n\nimport { MoreHorizontalCircle01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\n      \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n      className\n    )}\n    data-slot=\"pagination-ellipsis\"\n    {...props}\n  >\n    <HugeiconsIcon icon={MoreHorizontalCircle01Icon} strokeWidth={2} />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\n\nexport { PaginationEllipsis };\n","import type { ComponentProps } from \"react\";\n\nconst PaginationItem = ({ ...props }: ComponentProps<\"li\">) => (\n  <li data-slot=\"pagination-item\" {...props} />\n);\n\nexport { PaginationItem };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ComponentProps<typeof Button>, \"size\"> &\n  ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) => (\n  <Button\n    className={cn(className)}\n    nativeButton={false}\n    render={\n      <a\n        aria-current={isActive ? \"page\" : undefined}\n        aria-label=\"pagination link\"\n        data-active={isActive}\n        data-slot=\"pagination-link\"\n        {...props}\n      />\n    }\n    size={size}\n    variant={isActive ? \"outline\" : \"ghost\"}\n  />\n);\n\nexport { PaginationLink };\nexport type { PaginationLinkProps };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { PaginationLink } from \"./pagination-link\";\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    className={cn(\"pr-1.5!\", className)}\n    size=\"default\"\n    {...props}\n  >\n    <span className=\"hidden sm:block\">Next</span>\n    <HugeiconsIcon\n      data-icon=\"inline-end\"\n      icon={ArrowRight01Icon}\n      strokeWidth={2}\n    />\n  </PaginationLink>\n);\n\nexport { PaginationNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { PaginationLink } from \"./pagination-link\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    className={cn(\"pl-1.5!\", className)}\n    size=\"default\"\n    {...props}\n  >\n    <HugeiconsIcon\n      data-icon=\"inline-start\"\n      icon={ArrowLeft01Icon}\n      strokeWidth={2}\n    />\n    <span className=\"hidden sm:block\">Previous</span>\n  </PaginationLink>\n);\n\nexport { PaginationPrevious };\n"],"mappings":";;;;;;;AAIA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,GAAI;EACJ;;;;ACHJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,qBAAC;CACC;CACA,WAAW,GACT,gFACA,UACD;CACD,aAAU;CACV,GAAI;YAEJ,oBAAC;EAAc,MAAM;EAA4B,aAAa;GAAK,EACnE,oBAAC;EAAK,WAAU;YAAU;GAAiB;EACtC;;;;ACnBT,MAAM,kBAAkB,EAAE,GAAG,YAC3B,oBAAC;CAAG,aAAU;CAAkB,GAAI;EAAS;;;;ACQ/C,MAAM,kBAAkB,EACtB,WACA,UACA,OAAO,QACP,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,UAAU;CACxB,cAAc;CACd,QACE,oBAAC;EACC,gBAAc,WAAW,SAAS;EAClC,cAAW;EACX,eAAa;EACb,aAAU;EACV,GAAI;GACJ;CAEE;CACN,SAAS,WAAW,YAAY;EAChC;;;;ACvBJ,MAAM,kBAAkB,EACtB,WACA,GAAG,YAEH,qBAAC;CACC,cAAW;CACX,WAAW,GAAG,WAAW,UAAU;CACnC,MAAK;CACL,GAAI;YAEJ,oBAAC;EAAK,WAAU;YAAkB;GAAW,EAC7C,oBAAC;EACC,aAAU;EACV,MAAM;EACN,aAAa;GACb;EACa;;;;AChBnB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,qBAAC;CACC,cAAW;CACX,WAAW,GAAG,WAAW,UAAU;CACnC,MAAK;CACL,GAAI;YAEJ,oBAAC;EACC,aAAU;EACV,MAAM;EACN,aAAa;GACb,EACF,oBAAC;EAAK,WAAU;YAAkB;GAAe;EAClC"}

package/dist/pagination-previous-NpFopV3e.d.ts

@@ -0,0 +1,46 @@
+import { Button } from "./button.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/pagination/pagination-link.d.ts
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<ComponentProps<typeof Button>, "size"> & ComponentProps<"a">;
+declare const PaginationLink: ({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pagination/pagination-content.d.ts
+declare const PaginationContent: ({
+  className,
+  ...props
+}: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pagination/pagination-ellipsis.d.ts
+declare const PaginationEllipsis: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pagination/pagination-item.d.ts
+declare const PaginationItem: ({
+  ...props
+}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pagination/pagination-next.d.ts
+declare const PaginationNext: ({
+  className,
+  ...props
+}: ComponentProps<typeof PaginationLink>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pagination/pagination-previous.d.ts
+declare const PaginationPrevious: ({
+  className,
+  ...props
+}: ComponentProps<typeof PaginationLink>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PaginationContent as a, PaginationEllipsis as i, PaginationNext as n, PaginationLink as o, PaginationItem as r, PaginationLinkProps as s, PaginationPrevious as t };
+//# sourceMappingURL=pagination-previous-NpFopV3e.d.ts.map

package/dist/pagination-previous-NpFopV3e.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-previous-NpFopV3e.d.ts","names":[],"sources":["../src/ui/pagination/pagination-link.tsx","../src/ui/pagination/pagination-content.tsx","../src/ui/pagination/pagination-ellipsis.tsx","../src/ui/pagination/pagination-item.tsx","../src/ui/pagination/pagination-next.tsx","../src/ui/pagination/pagination-previous.tsx"],"mappings":";;;;;KAMK,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,cAAA,QAAsB,MAAA,aAC7B,cAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCZhB,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCElE,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,cAAA,aAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCPnB,cAAA;EAAA,GAAkB;AAAA,GAAc,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCMpD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAGrB,cAAA,QAAsB,cAAA,MAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCHlC,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,cAAA,QAAsB,cAAA,MAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/pagination.d.ts

@@ -0,0 +1,39 @@
+import { a as PaginationContent, i as PaginationEllipsis, n as PaginationNext, o as PaginationLink, r as PaginationItem, s as PaginationLinkProps, t as PaginationPrevious } from "./pagination-previous-NpFopV3e.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/pagination/pagination.d.ts
+declare const Pagination: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+  Ellipsis: ({
+    className,
+    ...props
+  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  Link: ({
+    className,
+    isActive,
+    size,
+    ...props
+  }: PaginationLinkProps) => react_jsx_runtime0.JSX.Element;
+  Next: ({
+    className,
+    ...props
+  }: ComponentProps<typeof PaginationLink>) => react_jsx_runtime0.JSX.Element;
+  Previous: ({
+    className,
+    ...props
+  }: ComponentProps<typeof PaginationLink>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/ui/pagination/pagination.tsx"],"mappings":";;;;;cAWM,UAAA;EAAA;;;KAAuC,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/pagination.js

@@ -0,0 +1,21 @@
+import { a as PaginationEllipsis, i as PaginationItem, n as PaginationNext, o as PaginationContent, r as PaginationLink, t as PaginationPrevious } from "./pagination-previous-DPVkNRn0.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/pagination/pagination.tsx
+const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	"aria-label": "pagination",
+	className: cn("mx-auto flex w-full justify-center", className),
+	"data-slot": "pagination",
+	...props
+});
+Pagination.Content = PaginationContent;
+Pagination.Ellipsis = PaginationEllipsis;
+Pagination.Item = PaginationItem;
+Pagination.Link = PaginationLink;
+Pagination.Next = PaginationNext;
+Pagination.Previous = PaginationPrevious;
+
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../src/ui/pagination/pagination.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { PaginationContent } from \"./pagination-content\";\nimport { PaginationEllipsis } from \"./pagination-ellipsis\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { PaginationNext } from \"./pagination-next\";\nimport { PaginationPrevious } from \"./pagination-previous\";\n\nconst Pagination = ({ className, ...props }: ComponentProps<\"nav\">) => (\n  <nav\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    data-slot=\"pagination\"\n    {...props}\n  />\n);\n\nPagination.Content = PaginationContent;\nPagination.Ellipsis = PaginationEllipsis;\nPagination.Item = PaginationItem;\nPagination.Link = PaginationLink;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;AAWA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,cAAW;CACX,WAAW,GAAG,sCAAsC,UAAU;CAC9D,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,UAAU;AACrB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,WAAW"}

package/dist/pill-status-BIPaa4o3.js

@@ -0,0 +1,75 @@
+import { Button } from "./button.js";
+import { i as AvatarFallback, t as AvatarImage } from "./avatar-image-BAVOtujm.js";
+import { Avatar } from "./avatar.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon, ArrowUp01Icon, MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/pill/pill-avatar.tsx
+const PillAvatar = ({ fallback, className, ...props }) => /* @__PURE__ */ jsxs(Avatar, {
+	className: cn("-ml-1 h-4 w-4", className),
+	children: [/* @__PURE__ */ jsx(AvatarImage, { ...props }), /* @__PURE__ */ jsx(AvatarFallback, { children: fallback })]
+});
+
+//#endregion
+//#region src/ui/pill/pill-avatar-group.tsx
+const PillAvatarGroup = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center -space-x-1", "[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]", className),
+	...props,
+	children
+});
+
+//#endregion
+//#region src/ui/pill/pill-button.tsx
+const PillButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn("-my-2 -mr-2 size-6 rounded-full p-0.5 hover:bg-foreground/5", className),
+	size: "icon",
+	variant: "ghost",
+	...props
+});
+
+//#endregion
+//#region src/ui/pill/pill-delta.tsx
+const PillDelta = ({ className, delta }) => {
+	if (!delta) return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-3 text-muted-foreground", className),
+		icon: MinusSignIcon
+	});
+	if (delta > 0) return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-3 text-emerald-500", className),
+		icon: ArrowUp01Icon
+	});
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-3 text-rose-500", className),
+		icon: ArrowDown01Icon
+	});
+};
+
+//#endregion
+//#region src/ui/pill/pill-icon.tsx
+const PillIcon = ({ icon, className, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+	className: cn("size-3 text-muted-foreground", className),
+	icon,
+	size: 12,
+	...props
+});
+
+//#endregion
+//#region src/ui/pill/pill-indicator.tsx
+const PillIndicator = ({ variant = "success", pulse = false }) => /* @__PURE__ */ jsxs("span", {
+	className: "relative flex size-2",
+	children: [pulse && /* @__PURE__ */ jsx("span", { className: cn("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", variant === "success" && "bg-emerald-400", variant === "error" && "bg-rose-400", variant === "warning" && "bg-amber-400", variant === "info" && "bg-sky-400") }), /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex size-2 rounded-full", variant === "success" && "bg-emerald-500", variant === "error" && "bg-rose-500", variant === "warning" && "bg-amber-500", variant === "info" && "bg-sky-500") })]
+});
+
+//#endregion
+//#region src/ui/pill/pill-status.tsx
+const PillStatus = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-2 border-r pr-2 font-medium", className),
+	...props,
+	children
+});
+
+//#endregion
+export { PillButton as a, PillDelta as i, PillIndicator as n, PillAvatarGroup as o, PillIcon as r, PillAvatar as s, PillStatus as t };
+//# sourceMappingURL=pill-status-BIPaa4o3.js.map

package/dist/pill-status-BIPaa4o3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill-status-BIPaa4o3.js","names":[],"sources":["../src/ui/pill/pill-avatar.tsx","../src/ui/pill/pill-avatar-group.tsx","../src/ui/pill/pill-button.tsx","../src/ui/pill/pill-delta.tsx","../src/ui/pill/pill-icon.tsx","../src/ui/pill/pill-indicator.tsx","../src/ui/pill/pill-status.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"../avatar/avatar\";\n\nexport type PillAvatarProps = ComponentProps<typeof AvatarImage> & {\n  fallback?: string;\n};\n\nexport const PillAvatar = ({\n  fallback,\n  className,\n  ...props\n}: PillAvatarProps) => (\n  <Avatar className={cn(\"-ml-1 h-4 w-4\", className)}>\n    <AvatarImage {...props} />\n    <AvatarFallback>{fallback}</AvatarFallback>\n  </Avatar>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type PillAvatarGroupProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillAvatarGroup = ({\n  children,\n  className,\n  ...props\n}: PillAvatarGroupProps) => (\n  <div\n    className={cn(\n      \"flex items-center -space-x-1\",\n      \"[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\n\nexport type PillButtonProps = ComponentProps<typeof Button>;\n\nexport const PillButton = ({ className, ...props }: PillButtonProps) => (\n  <Button\n    className={cn(\n      \"-my-2 -mr-2 size-6 rounded-full p-0.5 hover:bg-foreground/5\",\n      className\n    )}\n    size=\"icon\"\n    variant=\"ghost\"\n    {...props}\n  />\n);\n","import {\n  ArrowDown01Icon,\n  ArrowUp01Icon,\n  MinusSignIcon,\n} from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport interface PillDeltaProps {\n  className?: string;\n  delta: number;\n}\n\nexport const PillDelta = ({ className, delta }: PillDeltaProps) => {\n  if (!delta) {\n    return (\n      <HugeiconsIcon\n        className={cn(\"size-3 text-muted-foreground\", className)}\n        icon={MinusSignIcon}\n      />\n    );\n  }\n\n  if (delta > 0) {\n    return (\n      <HugeiconsIcon\n        className={cn(\"size-3 text-emerald-500\", className)}\n        icon={ArrowUp01Icon}\n      />\n    );\n  }\n\n  return (\n    <HugeiconsIcon\n      className={cn(\"size-3 text-rose-500\", className)}\n      icon={ArrowDown01Icon}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { HugeiconsIcon, type HugeiconsProps } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PillIconProps = {\n  icon: NonNullable<HugeiconsProps[\"icon\"]>;\n  className?: string;\n} & ComponentProps<typeof HugeiconsIcon>;\n\nexport const PillIcon = ({ icon, className, ...props }: PillIconProps) => (\n  <HugeiconsIcon\n    className={cn(\"size-3 text-muted-foreground\", className)}\n    icon={icon}\n    size={12}\n    {...props}\n  />\n);\n","import { cn } from \"tailwind-variants\";\n\nexport interface PillIndicatorProps {\n  variant?: \"success\" | \"error\" | \"warning\" | \"info\";\n  pulse?: boolean;\n}\n\nexport const PillIndicator = ({\n  variant = \"success\",\n  pulse = false,\n}: PillIndicatorProps) => (\n  <span className=\"relative flex size-2\">\n    {pulse && (\n      <span\n        className={cn(\n          \"absolute inline-flex h-full w-full animate-ping rounded-full opacity-75\",\n          variant === \"success\" && \"bg-emerald-400\",\n          variant === \"error\" && \"bg-rose-400\",\n          variant === \"warning\" && \"bg-amber-400\",\n          variant === \"info\" && \"bg-sky-400\"\n        )}\n      />\n    )}\n    <span\n      className={cn(\n        \"relative inline-flex size-2 rounded-full\",\n        variant === \"success\" && \"bg-emerald-500\",\n        variant === \"error\" && \"bg-rose-500\",\n        variant === \"warning\" && \"bg-amber-500\",\n        variant === \"info\" && \"bg-sky-500\"\n      )}\n    />\n  </span>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type PillStatusProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillStatus = ({\n  children,\n  className,\n  ...props\n}: PillStatusProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 border-r pr-2 font-medium\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;AAUA,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,qBAAC;CAAO,WAAW,GAAG,iBAAiB,UAAU;YAC/C,oBAAC,eAAY,GAAI,QAAS,EAC1B,oBAAC,4BAAgB,WAA0B;EACpC;;;;ACTX,MAAa,mBAAmB,EAC9B,UACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,gCACA,6GACA,UACD;CACD,GAAI;CAEH;EACG;;;;ACfR,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GACT,+DACA,UACD;CACD,MAAK;CACL,SAAQ;CACR,GAAI;EACJ;;;;ACJJ,MAAa,aAAa,EAAE,WAAW,YAA4B;AACjE,KAAI,CAAC,MACH,QACE,oBAAC;EACC,WAAW,GAAG,gCAAgC,UAAU;EACxD,MAAM;GACN;AAIN,KAAI,QAAQ,EACV,QACE,oBAAC;EACC,WAAW,GAAG,2BAA2B,UAAU;EACnD,MAAM;GACN;AAIN,QACE,oBAAC;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,MAAM;GACN;;;;;AC1BN,MAAa,YAAY,EAAE,MAAM,WAAW,GAAG,YAC7C,oBAAC;CACC,WAAW,GAAG,gCAAgC,UAAU;CAClD;CACN,MAAM;CACN,GAAI;EACJ;;;;ACTJ,MAAa,iBAAiB,EAC5B,UAAU,WACV,QAAQ,YAER,qBAAC;CAAK,WAAU;YACb,SACC,oBAAC,UACC,WAAW,GACT,2EACA,YAAY,aAAa,kBACzB,YAAY,WAAW,eACvB,YAAY,aAAa,gBACzB,YAAY,UAAU,aACvB,GACD,EAEJ,oBAAC,UACC,WAAW,GACT,4CACA,YAAY,aAAa,kBACzB,YAAY,WAAW,eACvB,YAAY,aAAa,gBACzB,YAAY,UAAU,aACvB,GACD;EACG;;;;ACvBT,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,qDACA,UACD;CACD,GAAI;CAEH;EACG"}