@gntik-ai/ui 0.5.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gntik-ai/ui",
-  "version": "0.5.0",
+  "version": "0.9.0",
   "description": "gntik-ui React components and layouts on Base UI, styled with the brand tokens.",
   "license": "MIT",
   "type": "module",

package/dist/Field-neBukiNh.js

@@ -1,149 +0,0 @@
-'use client';
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-import { createTV } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CircleAlert } from "lucide-react";
-import { Field } from "@base-ui/react/field";
-import { Fieldset } from "@base-ui/react/fieldset";
-//#region src/utils/density-merge.ts
-/**
-* Teaches tailwind-merge the density utilities from @gntik-ai/tokens (density.css), so
-* `cn('h-control', 'h-10')` and `px-control … px-0` resolve like any other Tailwind conflict.
-* Shared by `cn()` and the `tv()` instance.
-*/
-const densityMergeConfig = { extend: { classGroups: {
-	h: [{ h: [
-		"control-sm",
-		"control",
-		"control-lg",
-		"item",
-		"tab",
-		"chip",
-		"token",
-		"row"
-	] }],
-	w: [{ w: [
-		"control-sm",
-		"control",
-		"control-lg"
-	] }],
-	size: [{ size: [
-		"control-sm",
-		"control",
-		"control-lg"
-	] }],
-	px: [{ px: [
-		"control-sm",
-		"control",
-		"control-lg",
-		"field"
-	] }],
-	ps: [{ ps: ["field"] }],
-	py: [{ py: ["cell", "bar"] }],
-	gap: [{ gap: ["tight"] }]
-} } };
-//#endregion
-//#region src/utils/cn.ts
-const twMerge = extendTailwindMerge(densityMergeConfig);
-/** Joins class names and resolves Tailwind conflicts (last one wins), density utilities included. */
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-//#endregion
-//#region src/utils/tv.ts
-/** `tv()` with tailwind-merge aware of the density utilities (h-control, px-control…). */
-const tv = createTV({ twMergeConfig: densityMergeConfig });
-//#endregion
-//#region src/components/Field/field.variants.ts
-const fieldVariants = tv({ slots: {
-	root: "flex min-w-0 flex-col gap-2 data-disabled:opacity-70",
-	label: "inline-flex items-center gap-0.5 text-[13px] font-medium text-foreground data-disabled:cursor-not-allowed",
-	required: "text-destructive-text",
-	description: "text-[12px] leading-5 text-muted-foreground text-pretty",
-	error: "flex items-start gap-1.5 text-[12px] leading-5 text-destructive-text",
-	item: "flex",
-	fieldset: "m-0 flex min-w-0 flex-col gap-3 border-0 p-0 data-disabled:opacity-70",
-	legend: "p-0 text-[13px] font-semibold text-foreground",
-	legendDescription: "-mt-2 text-[13px] leading-6 text-muted-foreground text-pretty"
-} });
-//#endregion
-//#region src/components/Field/Field.tsx
-const s = fieldVariants();
-/**
-* Groups a label, a control, a description and an error. Base UI wires the ids: the label
-* targets the control, and the description and error are linked with aria-describedby.
-* Pass `invalid` to drive the error from outside (e.g. a form library).
-*/
-function Field$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Field.Root, {
-		className: cn(s.root(), className),
-		...props
-	});
-}
-/** Visible label; clicking it focuses the field's control. */
-function FieldLabel({ className, required, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Field.Label, {
-		className: cn(s.label(), className),
-		...props,
-		children: [children, required && /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			className: s.required(),
-			children: "*"
-		})]
-	});
-}
-/** Helper text under the control, announced as part of its description. */
-function FieldDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Field.Description, {
-		className: cn(s.description(), className),
-		...props
-	});
-}
-/**
-* Validation message. Rendered only while the field is invalid (or when `match` says so)
-* and linked to the control through aria-describedby.
-*/
-function FieldError({ className, hideIcon, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Field.Error, {
-		className: cn(s.error(), className),
-		...props,
-		children: [!hideIcon && /* @__PURE__ */ jsx(CircleAlert, {
-			size: 13,
-			"aria-hidden": true,
-			className: "mt-[3px] shrink-0"
-		}), /* @__PURE__ */ jsx("span", { children })]
-	});
-}
-/** Wraps one checkbox or radio inside a group that lives in a Field. */
-function FieldItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Field.Item, {
-		className: cn(s.item(), className),
-		...props
-	});
-}
-/** Groups related fields (or a checkbox/radio group) under a shared legend. */
-function Fieldset$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Fieldset.Root, {
-		className: cn(s.fieldset(), className),
-		...props
-	});
-}
-/** The fieldset's accessible name. */
-function FieldsetLegend({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Fieldset.Legend, {
-		className: cn(s.legend(), className),
-		...props
-	});
-}
-/** Supporting text under a legend. */
-function FieldsetDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		className: cn(s.legendDescription(), className),
-		...props
-	});
-}
-//#endregion
-export { FieldLabel as a, FieldsetLegend as c, cn as d, FieldItem as i, fieldVariants as l, FieldDescription as n, Fieldset$1 as o, FieldError as r, FieldsetDescription as s, Field$1 as t, tv as u };
-
-//# sourceMappingURL=Field-neBukiNh.js.map

package/dist/Field-neBukiNh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field-neBukiNh.js","names":["Field","BaseField","Fieldset","BaseFieldset"],"sources":["../src/utils/density-merge.ts","../src/utils/cn.ts","../src/utils/tv.ts","../src/components/Field/field.variants.ts","../src/components/Field/Field.tsx"],"sourcesContent":["/**\n * Teaches tailwind-merge the density utilities from @gntik-ai/tokens (density.css), so\n * `cn('h-control', 'h-10')` and `px-control … px-0` resolve like any other Tailwind conflict.\n * Shared by `cn()` and the `tv()` instance.\n */\nexport const densityMergeConfig = {\n  extend: {\n    classGroups: {\n      h: [{ h: ['control-sm', 'control', 'control-lg', 'item', 'tab', 'chip', 'token', 'row'] }],\n      w: [{ w: ['control-sm', 'control', 'control-lg'] }],\n      size: [{ size: ['control-sm', 'control', 'control-lg'] }],\n      px: [{ px: ['control-sm', 'control', 'control-lg', 'field'] }],\n      ps: [{ ps: ['field'] }],\n      py: [{ py: ['cell', 'bar'] }],\n      gap: [{ gap: ['tight'] }],\n    },\n  },\n};\n","import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\nimport { densityMergeConfig } from './density-merge';\n\nconst twMerge = extendTailwindMerge(densityMergeConfig);\n\n/** Joins class names and resolves Tailwind conflicts (last one wins), density utilities included. */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { createTV } from 'tailwind-variants';\nimport { densityMergeConfig } from './density-merge';\n\nexport { type VariantProps } from 'tailwind-variants';\n\n/** `tv()` with tailwind-merge aware of the density utilities (h-control, px-control…). */\nexport const tv = createTV({ twMergeConfig: densityMergeConfig });\n","import { tv, type VariantProps } from '../../utils/tv';\n\nexport const fieldVariants = tv({\n  slots: {\n    root: 'flex min-w-0 flex-col gap-2 data-disabled:opacity-70',\n    label: 'inline-flex items-center gap-0.5 text-[13px] font-medium text-foreground data-disabled:cursor-not-allowed',\n    required: 'text-destructive-text',\n    description: 'text-[12px] leading-5 text-muted-foreground text-pretty',\n    error: 'flex items-start gap-1.5 text-[12px] leading-5 text-destructive-text',\n    item: 'flex',\n    fieldset: 'm-0 flex min-w-0 flex-col gap-3 border-0 p-0 data-disabled:opacity-70',\n    legend: 'p-0 text-[13px] font-semibold text-foreground',\n    legendDescription: '-mt-2 text-[13px] leading-6 text-muted-foreground text-pretty',\n  },\n});\n\nexport type FieldVariantProps = VariantProps<typeof fieldVariants>;\n","import { Field as BaseField } from '@base-ui/react/field';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport { CircleAlert } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { cn } from '../../utils/cn';\nimport { fieldVariants } from './field.variants';\n\nconst s = fieldVariants();\n\nexport interface FieldProps extends Omit<BaseField.Root.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Groups a label, a control, a description and an error. Base UI wires the ids: the label\n * targets the control, and the description and error are linked with aria-describedby.\n * Pass `invalid` to drive the error from outside (e.g. a form library).\n */\nexport function Field({ className, ...props }: FieldProps) {\n  return <BaseField.Root className={cn(s.root(), className)} {...props} />;\n}\n\nexport interface FieldLabelProps extends Omit<BaseField.Label.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLLabelElement>;\n  /** Shows a required marker after the label text (also set `required` on the control). */\n  required?: boolean;\n}\n\n/** Visible label; clicking it focuses the field's control. */\nexport function FieldLabel({ className, required, children, ...props }: FieldLabelProps) {\n  return (\n    <BaseField.Label className={cn(s.label(), className)} {...props}>\n      {children}\n      {required && (\n        <span aria-hidden className={s.required()}>\n          *\n        </span>\n      )}\n    </BaseField.Label>\n  );\n}\n\nexport interface FieldDescriptionProps extends Omit<BaseField.Description.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLParagraphElement>;\n}\n\n/** Helper text under the control, announced as part of its description. */\nexport function FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return <BaseField.Description className={cn(s.description(), className)} {...props} />;\n}\n\nexport interface FieldErrorProps extends Omit<BaseField.Error.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLDivElement>;\n  /** Hide the leading alert icon. */\n  hideIcon?: boolean;\n}\n\n/**\n * Validation message. Rendered only while the field is invalid (or when `match` says so)\n * and linked to the control through aria-describedby.\n */\nexport function FieldError({ className, hideIcon, children, ...props }: FieldErrorProps) {\n  return (\n    <BaseField.Error className={cn(s.error(), className)} {...props}>\n      {!hideIcon && <CircleAlert size={13} aria-hidden className=\"mt-[3px] shrink-0\" />}\n      <span>{children}</span>\n    </BaseField.Error>\n  );\n}\n\nexport interface FieldItemProps extends Omit<BaseField.Item.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** Wraps one checkbox or radio inside a group that lives in a Field. */\nexport function FieldItem({ className, ...props }: FieldItemProps) {\n  return <BaseField.Item className={cn(s.item(), className)} {...props} />;\n}\n\nexport interface FieldsetProps extends Omit<BaseFieldset.Root.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLFieldSetElement>;\n}\n\n/** Groups related fields (or a checkbox/radio group) under a shared legend. */\nexport function Fieldset({ className, ...props }: FieldsetProps) {\n  return <BaseFieldset.Root className={cn(s.fieldset(), className)} {...props} />;\n}\n\nexport interface FieldsetLegendProps extends Omit<BaseFieldset.Legend.Props, 'className'> {\n  className?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** The fieldset's accessible name. */\nexport function FieldsetLegend({ className, ...props }: FieldsetLegendProps) {\n  return <BaseFieldset.Legend className={cn(s.legend(), className)} {...props} />;\n}\n\n/** Supporting text under a legend. */\nexport function FieldsetDescription({\n  className,\n  ...props\n}: HTMLAttributes<HTMLParagraphElement> & { children?: ReactNode }) {\n  return <p className={cn(s.legendDescription(), className)} {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;;;AAKA,MAAa,qBAAqB,EAChC,QAAQ,EACN,aAAa;CACX,GAAG,CAAC,EAAE,GAAG;EAAC;EAAc;EAAW;EAAc;EAAQ;EAAO;EAAQ;EAAS;CAAK,EAAE,CAAC;CACzF,GAAG,CAAC,EAAE,GAAG;EAAC;EAAc;EAAW;CAAY,EAAE,CAAC;CAClD,MAAM,CAAC,EAAE,MAAM;EAAC;EAAc;EAAW;CAAY,EAAE,CAAC;CACxD,IAAI,CAAC,EAAE,IAAI;EAAC;EAAc;EAAW;EAAc;CAAO,EAAE,CAAC;CAC7D,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;CACtB,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,KAAK,EAAE,CAAC;CAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1B,EACF,EACF;;;ACbA,MAAM,UAAU,oBAAoB,kBAAkB;;AAGtD,SAAgB,GAAG,GAAG,QAAsB;CAC1C,OAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;;ACHA,MAAa,KAAK,SAAS,EAAE,eAAe,mBAAmB,CAAC;;;ACJhE,MAAa,gBAAgB,GAAG,EAC9B,OAAO;CACL,MAAM;CACN,OAAO;CACP,UAAU;CACV,aAAa;CACb,OAAO;CACP,MAAM;CACN,UAAU;CACV,QAAQ;CACR,mBAAmB;AACrB,EACF,CAAC;;;ACPD,MAAM,IAAI,cAAc;;;;;;AAYxB,SAAgBA,QAAM,EAAE,WAAW,GAAG,SAAqB;CACzD,OAAO,oBAACC,MAAU,MAAX;EAAgB,WAAW,GAAG,EAAE,KAAK,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzE;;AAUA,SAAgB,WAAW,EAAE,WAAW,UAAU,UAAU,GAAG,SAA0B;CACvF,OACE,qBAACA,MAAU,OAAX;EAAiB,WAAW,GAAG,EAAE,MAAM,GAAG,SAAS;EAAG,GAAI;EAA1D,UAAA,CACG,UACA,YACC,oBAAC,QAAD;GAAM,eAAA;GAAY,WAAW,EAAE,SAAS;GAAG,UAAA;EAErC,CAAA,CAEO;;AAErB;;AAQA,SAAgB,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CAC/E,OAAO,oBAACA,MAAU,aAAX;EAAuB,WAAW,GAAG,EAAE,YAAY,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACvF;;;;;AAaA,SAAgB,WAAW,EAAE,WAAW,UAAU,UAAU,GAAG,SAA0B;CACvF,OACE,qBAACA,MAAU,OAAX;EAAiB,WAAW,GAAG,EAAE,MAAM,GAAG,SAAS;EAAG,GAAI;EAA1D,UAAA,CACG,CAAC,YAAY,oBAAC,aAAD;GAAa,MAAM;GAAI,eAAA;GAAY,WAAU;EAAqB,CAAA,GAChF,oBAAC,QAAD,EAAO,SAAe,CAAA,CACP;;AAErB;;AAQA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,OAAO,oBAACA,MAAU,MAAX;EAAgB,WAAW,GAAG,EAAE,KAAK,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzE;;AAQA,SAAgBC,WAAS,EAAE,WAAW,GAAG,SAAwB;CAC/D,OAAO,oBAACC,SAAa,MAAd;EAAmB,WAAW,GAAG,EAAE,SAAS,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAChF;;AAQA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA8B;CAC3E,OAAO,oBAACA,SAAa,QAAd;EAAqB,WAAW,GAAG,EAAE,OAAO,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAChF;;AAGA,SAAgB,oBAAoB,EAClC,WACA,GAAG,SAC+D;CAClE,OAAO,oBAAC,KAAD;EAAG,WAAW,GAAG,EAAE,kBAAkB,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzE"}