@lssm/lib.design-system 1.2.0

package/dist/platform/useResponsive.js

@@ -0,0 +1,41 @@
+'use client';
+
+
+import * as React$1 from "react";
+
+//#region src/platform/useResponsive.ts
+const DEFAULT = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function useResponsive(custom) {
+	const bp = React$1.useMemo(() => ({
+		...DEFAULT,
+		...custom
+	}), [custom]);
+	const [width, setWidth] = React$1.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+	React$1.useEffect(() => {
+		if (typeof window === "undefined") return;
+		const onResize = () => setWidth(window.innerWidth);
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, []);
+	const isSM = width >= bp.sm;
+	const isMD = width >= bp.md;
+	const isLG = width >= bp.lg;
+	return {
+		width,
+		breakpoints: bp,
+		isSM,
+		isMD,
+		isLG,
+		isXL: width >= bp.xl,
+		screen: isLG ? "desktop" : isSM ? "tablet" : "mobile"
+	};
+}
+
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.js.map

package/dist/platform/useResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.js","names":["DEFAULT: Breakpoints","React"],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = React.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = React.useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : bp.md\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const onResize = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;;AAWA,MAAMA,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAKC,QAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAYA,QAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,SAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,iBAAiB,SAAS,OAAO,WAAW;AAClD,SAAO,iBAAiB,UAAU,SAAS;AAC3C,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}

package/dist/platform/useResponsive.mobile.d.ts

@@ -0,0 +1,24 @@
+//#region src/platform/useResponsive.mobile.d.ts
+interface Breakpoints {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+declare function useResponsive(custom?: Partial<Breakpoints>): {
+  readonly width: number;
+  readonly breakpoints: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+  };
+  readonly isSM: boolean;
+  readonly isMD: boolean;
+  readonly isLG: boolean;
+  readonly isXL: boolean;
+  readonly screen: "mobile" | "tablet" | "desktop";
+};
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.mobile.d.ts.map

package/dist/platform/useResponsive.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.mobile.d.ts","names":[],"sources":["../../src/platform/useResponsive.mobile.ts"],"sourcesContent":[],"mappings":";UAKU,WAAA;EAAA,EAAA,EAAA,MAAA;EASM,EAAA,EAAA,MAAA;;;;iBAAA,aAAA,UAAuB,QAAQ"}

package/dist/platform/useResponsive.mobile.js

@@ -0,0 +1,44 @@
+'use client';
+
+
+import { useEffect, useMemo, useState } from "react";
+import { Dimensions } from "react-native";
+
+//#region src/platform/useResponsive.mobile.ts
+const DEFAULT = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function useResponsive(custom) {
+	const bp = useMemo(() => ({
+		...DEFAULT,
+		...custom
+	}), [custom]);
+	const [width, setWidth] = useState(Dimensions.get("window").width);
+	useEffect(() => {
+		const sub = Dimensions.addEventListener("change", ({ window }) => {
+			setWidth(window.width);
+		});
+		return () => {
+			if (typeof sub?.remove === "function") sub.remove();
+		};
+	}, []);
+	const isSM = width >= bp.sm;
+	const isMD = width >= bp.md;
+	const isLG = width >= bp.lg;
+	return {
+		width,
+		breakpoints: bp,
+		isSM,
+		isMD,
+		isLG,
+		isXL: width >= bp.xl,
+		screen: isLG ? "desktop" : isSM ? "tablet" : "mobile"
+	};
+}
+
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.mobile.js.map

package/dist/platform/useResponsive.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.mobile.js","names":["DEFAULT: Breakpoints"],"sources":["../../src/platform/useResponsive.mobile.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { Dimensions } from 'react-native';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = useState<number>(Dimensions.get('window').width);\n\n  useEffect(() => {\n    const sub = Dimensions.addEventListener('change', ({ window }) => {\n      setWidth(window.width);\n    });\n    return () => {\n      // RN supports remove() on the subscription in newer versions\n      if (typeof sub?.remove === 'function') {\n        sub.remove();\n      }\n    };\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;;;AAYA,MAAMA,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CAC/D,MAAM,CAAC,OAAO,YAAY,SAAiB,WAAW,IAAI,SAAS,CAAC,MAAM;AAE1E,iBAAgB;EACd,MAAM,MAAM,WAAW,iBAAiB,WAAW,EAAE,aAAa;AAChE,YAAS,OAAO,MAAM;IACtB;AACF,eAAa;AAEX,OAAI,OAAO,KAAK,WAAW,WACzB,KAAI,QAAQ;;IAGf,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}

package/dist/platform/withPlatformUI.d.ts

@@ -0,0 +1,29 @@
+//#region src/platform/withPlatformUI.d.ts
+/**
+ * withPlatformUI
+ * Lightweight adapter inspired by gluestack's withGluestack pattern.
+ * It centralizes tokens and responsive options while keeping DS imports
+ * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.
+ */
+type PlatformKind = 'web' | 'native';
+interface Breakpoints {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+interface WithPlatformUIOptions<TTokens extends Record<string, unknown>> {
+  tokens: TTokens;
+  platform?: PlatformKind;
+  breakpoints?: Partial<Breakpoints>;
+}
+interface PlatformUI<TTokens> {
+  platform: PlatformKind;
+  tokens: TTokens;
+  breakpoints: Breakpoints;
+}
+declare const DEFAULT_BREAKPOINTS: Breakpoints;
+declare function withPlatformUI<TTokens extends Record<string, unknown>>(options: WithPlatformUIOptions<TTokens>): PlatformUI<TTokens>;
+//#endregion
+export { Breakpoints, DEFAULT_BREAKPOINTS, PlatformKind, PlatformUI, WithPlatformUIOptions, withPlatformUI };
+//# sourceMappingURL=withPlatformUI.d.ts.map

package/dist/platform/withPlatformUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPlatformUI.d.ts","names":[],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":[],"mappings":";;AASA;AAEA;AAOA;;;AAIa,KAbD,YAAA,GAaC,KAAA,GAAA,QAAA;AACW,UAZP,WAAA,CAYO;EAAR,EAAA,EAAA,MAAA;EAAO,EAAA,EAAA,MAAA;EAGN,EAAA,EAAA,MAAA;EACL,EAAA,EAAA,MAAA;;AAEG,UAXE,qBAWF,CAAA,gBAVG,MAUH,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA;EAAW,MAAA,EARhB,OAQgB;EAGb,QAAA,CAAA,EAVA,YAeZ;EAEe,WAAA,CAAA,EAhBA,OAgBc,CAhBN,WAgBM,CAAA;;AACG,UAdhB,UAcgB,CAAA,OAAA,CAAA,CAAA;EAAtB,QAAA,EAbC,YAaD;EACG,MAAA,EAbJ,OAaI;EAAX,WAAA,EAZY,WAYZ;;cATU,qBAAqB;iBAOlB,+BAA+B,kCACpC,sBAAsB,WAC9B,WAAW"}

package/dist/platform/withPlatformUI.js

@@ -0,0 +1,32 @@
+'use client';
+
+
+//#region src/platform/withPlatformUI.ts
+const DEFAULT_BREAKPOINTS = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function withPlatformUI(options) {
+	const platform = options.platform ?? "web";
+	const breakpoints = {
+		...DEFAULT_BREAKPOINTS,
+		...options.breakpoints
+	};
+	return {
+		platform,
+		tokens: options.tokens,
+		breakpoints
+	};
+}
+/**
+* Example usage (app-level):
+*
+* const ui = withPlatformUI({ tokens: themeTokens });
+* // pass ui.tokens to DS providers or map classes as needed
+*/
+
+//#endregion
+export { DEFAULT_BREAKPOINTS, withPlatformUI };
+//# sourceMappingURL=withPlatformUI.js.map

package/dist/platform/withPlatformUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPlatformUI.js","names":["DEFAULT_BREAKPOINTS: Breakpoints","platform: PlatformKind","breakpoints: Breakpoints"],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":["'use client';\n\n/**\n * withPlatformUI\n * Lightweight adapter inspired by gluestack's withGluestack pattern.\n * It centralizes tokens and responsive options while keeping DS imports\n * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.\n */\n\nexport type PlatformKind = 'web' | 'native';\n\nexport interface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface WithPlatformUIOptions<\n  TTokens extends Record<string, unknown>,\n> {\n  tokens: TTokens;\n  platform?: PlatformKind;\n  breakpoints?: Partial<Breakpoints>;\n}\n\nexport interface PlatformUI<TTokens> {\n  platform: PlatformKind;\n  tokens: TTokens;\n  breakpoints: Breakpoints;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function withPlatformUI<TTokens extends Record<string, unknown>>(\n  options: WithPlatformUIOptions<TTokens>\n): PlatformUI<TTokens> {\n  const platform: PlatformKind = options.platform ?? 'web';\n  const breakpoints: Breakpoints = {\n    ...DEFAULT_BREAKPOINTS,\n    ...options.breakpoints,\n  };\n  return {\n    platform,\n    tokens: options.tokens,\n    breakpoints,\n  };\n}\n\n/**\n * Example usage (app-level):\n *\n * const ui = withPlatformUI({ tokens: themeTokens });\n * // pass ui.tokens to DS providers or map classes as needed\n */\n"],"mappings":";;;;AAgCA,MAAaA,sBAAmC;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,eACd,SACqB;CACrB,MAAMC,WAAyB,QAAQ,YAAY;CACnD,MAAMC,cAA2B;EAC/B,GAAG;EACH,GAAG,QAAQ;EACZ;AACD,QAAO;EACL;EACA,QAAQ,QAAQ;EAChB;EACD"}

package/dist/renderers/form-contract.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/renderers/form-contract.d.ts
+declare const formRenderer: {
+  render: (spec: void 0<void 0>, options?: void 0<Record<string, any>> | undefined) => react_jsx_runtime5.JSX.Element;
+};
+//#endregion
+export { formRenderer };
+//# sourceMappingURL=form-contract.d.ts.map

package/dist/renderers/form-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-contract.d.ts","names":[],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":[],"mappings":";;;cAoFa;wBAiBX,KAAA,CAAA"}

package/dist/renderers/form-contract.js

@@ -0,0 +1,77 @@
+'use client';
+
+
+import { createFormRenderer } from "../contracts/src/client/react/form-render.js";
+import { shadcnDriver } from "../contracts/src/client/react/drivers/shadcn.js";
+import { Label } from "../ui-kit-web/dist/ui/label.js";
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../ui-kit-web/dist/ui/field.js";
+import { Button } from "../components/atoms/Button.js";
+import { Input } from "../components/atoms/Input.js";
+import { Textarea } from "../components/atoms/Textarea.js";
+import { Switch } from "../ui-kit-web/dist/ui/switch.js";
+import { RadioGroup, RadioGroupItem } from "../ui-kit-web/dist/ui/radio-group.js";
+import { Checkbox } from "../ui-kit-web/dist/ui/checkbox.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../ui-kit-web/dist/ui/select.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/renderers/form-contract.tsx
+const Select$1 = (props) => {
+	const { options, value, onChange,...rest } = props;
+	return /* @__PURE__ */ jsxs(Select, {
+		value: value ?? "",
+		onValueChange: (v) => onChange?.(v),
+		...rest,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "w-[180px]",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: props.placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: options?.map((o, i) => /* @__PURE__ */ jsx(SelectItem, {
+			value: o.value,
+			disabled: o.disabled,
+			children: o.labelI18n
+		}, i)) }) })]
+	});
+};
+const Checkbox$1 = (props) => /* @__PURE__ */ jsx(Checkbox, {
+	checked: !!props.checked,
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
+	...props
+});
+const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
+	...props,
+	children: props.options?.map((o, i) => /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+			value: o.value,
+			id: o.value
+		}), /* @__PURE__ */ jsx(Label, {
+			htmlFor: o.value,
+			children: o.label
+		})]
+	}))
+});
+const Switch$1 = (props) => /* @__PURE__ */ jsx(Switch, {
+	checked: !!props.checked,
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
+	...props
+});
+const formRenderer = createFormRenderer({ driver: shadcnDriver({
+	Field,
+	FieldLabel,
+	FieldDescription,
+	FieldError,
+	FieldGroup,
+	FieldSet: (p) => /* @__PURE__ */ jsx("fieldset", { ...p }),
+	FieldLegend: (p) => /* @__PURE__ */ jsx("legend", { ...p }),
+	Input,
+	Textarea,
+	Select: Select$1,
+	Checkbox: Checkbox$1,
+	RadioGroup: RadioGroup$1,
+	Switch: Switch$1,
+	Button
+}) });
+
+//#endregion
+export { formRenderer };
+//# sourceMappingURL=form-contract.js.map

package/dist/renderers/form-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-contract.js","names":["Select","SelectUiKit","Checkbox","CheckboxUiKit","RadioGroup","RadioGroupUiKit","Switch","SwitchUiKit","FieldWrap"],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createFormRenderer } from '@lssm/lib.contracts/client/react/form-render';\nimport { shadcnDriver } from '@lssm/lib.contracts/client/react/drivers/shadcn';\n\n// Minimal shadcn driver mapping: host must wire its components here.\n// Replace these placeholders with actual shadcn/ui imports in your app.\nimport {\n  Field as FieldWrap,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from '@lssm/lib.ui-kit-web/ui/field';\nimport { Button } from '../components/atoms/Button';\nimport { Input } from '../components/atoms/Input';\nimport { Textarea } from '../components/atoms/Textarea';\nimport { Switch as SwitchUiKit } from '@lssm/lib.ui-kit-web/ui/switch';\nimport {\n  RadioGroup as RadioGroupUiKit,\n  RadioGroupItem,\n} from '@lssm/lib.ui-kit-web/ui/radio-group';\nimport { Checkbox as CheckboxUiKit } from '@lssm/lib.ui-kit-web/ui/checkbox';\nimport {\n  Select as SelectUiKit,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@lssm/lib.ui-kit-web/ui/select';\nimport { Label } from '@lssm/lib.ui-kit-web/ui/label';\n\n// Select/Checkbox/Radio/Switch are app-specific; provide thin wrappers.\nconst Select = (props: any) => {\n  const { options, value, onChange, ...rest } = props;\n  return (\n    <SelectUiKit\n      value={value ?? ''}\n      onValueChange={(v) => onChange?.(v)}\n      {...rest}\n    >\n      <SelectTrigger className=\"w-[180px]\">\n        <SelectValue placeholder={props.placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          {/* <SelectLabel>Fruits</SelectLabel> */}\n          {/* <SelectItem value=\"\" disabled hidden></SelectItem> */}\n          {options?.map((o: any, i: number) => (\n            <SelectItem key={i} value={o.value} disabled={o.disabled}>\n              {o.labelI18n}\n            </SelectItem>\n          ))}\n        </SelectGroup>\n      </SelectContent>\n    </SelectUiKit>\n  );\n};\nconst Checkbox = (props: any) => (\n  <CheckboxUiKit\n    checked={!!props.checked}\n    onCheckedChange={(v) => props.onCheckedChange?.(v)}\n    {...props}\n  />\n);\nconst RadioGroup = (props: any) => (\n  <RadioGroupUiKit {...props}>\n    {props.options?.map((o: any, i: number) => (\n      <div className=\"flex items-center gap-3\">\n        <RadioGroupItem value={o.value} id={o.value} />\n        <Label htmlFor={o.value}>{o.label}</Label>\n      </div>\n    ))}\n  </RadioGroupUiKit>\n);\nconst Switch = (props: any) => (\n  <SwitchUiKit\n    checked={!!props.checked}\n    onCheckedChange={(v) => props.onCheckedChange?.(v)}\n    {...props}\n  />\n);\n\nexport const formRenderer = createFormRenderer({\n  driver: shadcnDriver({\n    Field: FieldWrap,\n    FieldLabel: FieldLabel,\n    FieldDescription: FieldDescription,\n    FieldError: FieldError,\n    FieldGroup: FieldGroup,\n    FieldSet: (p: any) => <fieldset {...p} />,\n    FieldLegend: (p: any) => <legend {...p} />,\n    Input: Input as any,\n    Textarea: Textarea as any,\n    Select: Select,\n    Checkbox: Checkbox,\n    RadioGroup: RadioGroup,\n    Switch: Switch,\n    Button: Button as any,\n  }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,YAAU,UAAe;CAC7B,MAAM,EAAE,SAAS,OAAO,SAAU,GAAG,SAAS;AAC9C,QACE,qBAACC;EACC,OAAO,SAAS;EAChB,gBAAgB,MAAM,WAAW,EAAE;EACnC,GAAI;aAEJ,oBAAC;GAAc,WAAU;aACvB,oBAAC,eAAY,aAAa,MAAM,cAAe;IACjC,EAChB,oBAAC,2BACC,oBAAC,yBAGE,SAAS,KAAK,GAAQ,MACrB,oBAAC;GAAmB,OAAO,EAAE;GAAO,UAAU,EAAE;aAC7C,EAAE;KADY,EAEJ,CACb,GACU,GACA;GACJ;;AAGlB,MAAMC,cAAY,UAChB,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAEJ,MAAMC,gBAAc,UAClB,oBAACC;CAAgB,GAAI;WAClB,MAAM,SAAS,KAAK,GAAQ,MAC3B,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAe,OAAO,EAAE;GAAO,IAAI,EAAE;IAAS,EAC/C,oBAAC;GAAM,SAAS,EAAE;aAAQ,EAAE;IAAc;GACtC,CACN;EACc;AAEpB,MAAMC,YAAU,UACd,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAGJ,MAAa,eAAe,mBAAmB,EAC7C,QAAQ,aAAa;CACZC;CACK;CACM;CACN;CACA;CACZ,WAAW,MAAW,oBAAC,cAAS,GAAI,IAAK;CACzC,cAAc,MAAW,oBAAC,YAAO,GAAI,IAAK;CACnC;CACG;CACV,QAAQR;CACR,UAAUE;CACV,YAAYE;CACZ,QAAQE;CACA;CACT,CAAC,EACH,CAAC"}

package/dist/renderers/index.d.ts

@@ -0,0 +1,2 @@
+import { formRenderer } from "./form-contract.js";
+export { formRenderer };

package/dist/renderers/index.js

@@ -0,0 +1,3 @@
+import { formRenderer } from "./form-contract.js";
+
+export { formRenderer };

package/dist/theme/tokenBridge.d.ts

@@ -0,0 +1,20 @@
+import { ColorTokens, RadiusTokens, SpaceTokens, defaultTokens } from "./tokens.js";
+
+//#region src/theme/tokenBridge.d.ts
+type PlatformKind = 'web' | 'native';
+type WebTokens = typeof defaultTokens;
+interface NativeTokens {
+  colors: ColorTokens;
+  spacing: SpaceTokens;
+  typography: {
+    h1: number;
+    body: number;
+  };
+  radii: RadiusTokens;
+  icons: Record<string, number>;
+}
+type BridgedTokens = WebTokens | NativeTokens;
+declare function mapTokensForPlatform(platform: PlatformKind): BridgedTokens;
+//#endregion
+export { BridgedTokens, PlatformKind, mapTokensForPlatform };
+//# sourceMappingURL=tokenBridge.d.ts.map

package/dist/theme/tokenBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenBridge.d.ts","names":[],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":[],"mappings":";;;KASY,YAAA;KAEP,SAAA,UAAmB;AAFxB,UAIU,YAAA,CAJc;EAEnB,MAAA,EAIK,WAJI;EAEJ,OAAA,EAGC,WAHW;EAEZ,UAAA,EAAA;IACC,EAAA,EAAA,MAAA;IAKF,IAAA,EAAA,MAAA;EACA,CAAA;EAAM,KAAA,EADN,YACM;EAGH,KAAA,EAHH,MAGG,CAAA,MAAa,EAAA,MAAA,CAAG;AAE5B;KAFY,aAAA,GAAgB,YAAY;iBAExB,oBAAA,WAA+B,eAAe"}

package/dist/theme/tokenBridge.js

@@ -0,0 +1,26 @@
+'use client';
+
+
+import { defaultTokens } from "./tokens.js";
+
+//#region src/theme/tokenBridge.ts
+function mapTokensForPlatform(platform) {
+	if (platform === "web") return defaultTokens;
+	const spacing = defaultTokens.space;
+	const radii = defaultTokens.radii;
+	const icons = defaultTokens.icons;
+	return {
+		colors: defaultTokens.colors,
+		spacing,
+		typography: {
+			h1: defaultTokens.typography.h1,
+			body: defaultTokens.typography.body
+		},
+		radii,
+		icons
+	};
+}
+
+//#endregion
+export { mapTokensForPlatform };
+//# sourceMappingURL=tokenBridge.js.map

package/dist/theme/tokenBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenBridge.js","names":["themeTokens"],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":["'use client';\n\nimport {\n  type ColorTokens,\n  defaultTokens as themeTokens,\n  type RadiusTokens,\n  type SpaceTokens,\n} from './tokens';\n\nexport type PlatformKind = 'web' | 'native';\n\ntype WebTokens = typeof themeTokens;\n\ninterface NativeTokens {\n  // colors: Record<string, string>;\n  colors: ColorTokens;\n  spacing: SpaceTokens;\n  typography: {\n    h1: number;\n    body: number;\n  };\n  radii: RadiusTokens;\n  icons: Record<string, number>;\n}\n\nexport type BridgedTokens = WebTokens | NativeTokens;\n\nexport function mapTokensForPlatform(platform: PlatformKind): BridgedTokens {\n  if (platform === 'web') return themeTokens;\n\n  // Native: use numeric tokens from DS defaults\n  const spacing = themeTokens.space;\n  const radii = themeTokens.radii;\n  const icons = themeTokens.icons;\n\n  return {\n    colors: themeTokens.colors,\n    spacing,\n    typography: {\n      h1: themeTokens.typography.h1,\n      body: themeTokens.typography.body,\n    },\n    radii,\n    icons,\n  } satisfies NativeTokens;\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,qBAAqB,UAAuC;AAC1E,KAAI,aAAa,MAAO,QAAOA;CAG/B,MAAM,UAAUA,cAAY;CAC5B,MAAM,QAAQA,cAAY;CAC1B,MAAM,QAAQA,cAAY;AAE1B,QAAO;EACL,QAAQA,cAAY;EACpB;EACA,YAAY;GACV,IAAIA,cAAY,WAAW;GAC3B,MAAMA,cAAY,WAAW;GAC9B;EACD;EACA;EACD"}

package/dist/theme/tokens.d.ts

@@ -0,0 +1,51 @@
+//#region src/theme/tokens.d.ts
+interface ColorTokens {
+  background: string;
+  foreground: string;
+  muted: string;
+  mutedForeground: string;
+  primary: string;
+  primaryForeground: string;
+  accent: string;
+  accentForeground: string;
+  destructive: string;
+  destructiveForeground: string;
+  border: string;
+  ring: string;
+}
+interface RadiusTokens {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+  full: number;
+}
+interface SpaceTokens {
+  xs: number;
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+interface TypographyTokens {
+  h1: number;
+  h2: number;
+  h3: number;
+  body: number;
+  small: number;
+}
+interface ThemeTokens {
+  colors: ColorTokens;
+  radii: RadiusTokens;
+  space: SpaceTokens;
+  typography: TypographyTokens;
+  icons: {
+    sm: number;
+    md: number;
+    lg: number;
+  };
+}
+declare const defaultTokens: ThemeTokens;
+//#endregion
+export { ColorTokens, RadiusTokens, SpaceTokens, ThemeTokens, TypographyTokens, defaultTokens };
+//# sourceMappingURL=tokens.d.ts.map

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":[],"mappings":";UAEiB,WAAA;EAAA,UAAA,EAAA,MAAW;EAeX,UAAA,EAAA,MAAY;EAQZ,KAAA,EAAA,MAAA;EAQA,eAAA,EAAA,MAAgB;EAQhB,OAAA,EAAA,MAAW;EAClB,iBAAA,EAAA,MAAA;EACD,MAAA,EAAA,MAAA;EACA,gBAAA,EAAA,MAAA;EACK,WAAA,EAAA,MAAA;EAAgB,qBAAA,EAAA,MAAA;EAIjB,MAAA,EAAA,MAAA;;;UAhCI,YAAA;;;;;;;UAQA,WAAA;;;;;;;UAQA,gBAAA;;;;;;;UAQA,WAAA;UACP;SACD;SACA;cACK;;;;;;;cAID,eAAe"}

package/dist/theme/tokens.js

@@ -0,0 +1,50 @@
+'use client';
+
+
+//#region src/theme/tokens.ts
+const defaultTokens = {
+	colors: {
+		background: "#ffffff",
+		foreground: "#0a0a0a",
+		muted: "#f4f4f5",
+		mutedForeground: "#71717a",
+		primary: "#0f49a0",
+		primaryForeground: "#ffffff",
+		accent: "#16a34a",
+		accentForeground: "#ffffff",
+		destructive: "#ef4444",
+		destructiveForeground: "#ffffff",
+		border: "#e4e4e7",
+		ring: "#2563eb"
+	},
+	radii: {
+		sm: 4,
+		md: 8,
+		lg: 12,
+		xl: 16,
+		full: 9999
+	},
+	space: {
+		xs: 4,
+		sm: 8,
+		md: 12,
+		lg: 16,
+		xl: 24
+	},
+	typography: {
+		h1: 30,
+		h2: 24,
+		h3: 20,
+		body: 16,
+		small: 14
+	},
+	icons: {
+		sm: 16,
+		md: 20,
+		lg: 24
+	}
+};
+
+//#endregion
+export { defaultTokens };
+//# sourceMappingURL=tokens.js.map

package/dist/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["defaultTokens: ThemeTokens"],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;;AAiDA,MAAaA,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}

package/dist/theme/variants.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+
+//#region src/theme/variants.d.ts
+type SizeVariant = 'sm' | 'md' | 'lg';
+type DensityVariant = 'compact' | 'comfortable';
+type ToneVariant = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+type EmphasisVariant = 'default' | 'subtle' | 'strong';
+/**
+ * Base CVA example to compose in DS components.
+ * Consumers can extend this with component-specific classes.
+ */
+declare const dsBaseVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+  tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
+  emphasis?: "default" | "subtle" | "strong" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
+//#endregion
+export { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants };
+//# sourceMappingURL=variants.d.ts.map

package/dist/theme/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":[],"mappings":";;;;KAIY,WAAA;KACA,cAAA;KACA,WAAA;AAFA,KAGA,eAAA,GAHW,SAAA,GAAA,QAAA,GAAA,QAAA;AACvB;AACA;AACA;AAMA;AAgCY,cAhCC,cAgCkB,EAAA,CAAuB,MAAA,EAAA,CAAA;;;;;IAFpD,+BAAA,CAAA;KAEU,mBAAA,GAAsB,oBAAoB"}

package/dist/theme/variants.js

@@ -0,0 +1,45 @@
+'use client';
+
+
+import { cva } from "class-variance-authority";
+
+//#region src/theme/variants.ts
+/**
+* Base CVA example to compose in DS components.
+* Consumers can extend this with component-specific classes.
+*/
+const dsBaseVariants = cva("", {
+	variants: {
+		size: {
+			sm: "",
+			md: "",
+			lg: ""
+		},
+		density: {
+			compact: "",
+			comfortable: ""
+		},
+		tone: {
+			neutral: "",
+			info: "",
+			success: "",
+			warning: "",
+			danger: ""
+		},
+		emphasis: {
+			default: "",
+			subtle: "",
+			strong: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		density: "comfortable",
+		tone: "neutral",
+		emphasis: "default"
+	}
+});
+
+//#endregion
+export { dsBaseVariants };
+//# sourceMappingURL=variants.js.map

package/dist/theme/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport type SizeVariant = 'sm' | 'md' | 'lg';\nexport type DensityVariant = 'compact' | 'comfortable';\nexport type ToneVariant = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\nexport type EmphasisVariant = 'default' | 'subtle' | 'strong';\n\n/**\n * Base CVA example to compose in DS components.\n * Consumers can extend this with component-specific classes.\n */\nexport const dsBaseVariants = cva('', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    density: {\n      compact: '',\n      comfortable: '',\n    },\n    tone: {\n      neutral: '',\n      info: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    emphasis: {\n      default: '',\n      subtle: '',\n      strong: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    density: 'comfortable',\n    tone: 'neutral',\n    emphasis: 'default',\n  },\n});\n\nexport type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;\n"],"mappings":";;;;;;;;;;AAaA,MAAa,iBAAiB,IAAI,IAAI;CACpC,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,SAAS;GACT,SAAS;GACT,QAAQ;GACT;EACD,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,MAAM;EACN,UAAU;EACX;CACF,CAAC"}

package/dist/types/nativewind-env.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/types/navigation.d.ts

@@ -0,0 +1,45 @@
+import * as React$1 from "react";
+
+//#region src/types/navigation.d.ts
+interface NavLink {
+  label: React$1.ReactNode;
+  href: string;
+  icon?: React$1.ReactNode;
+  badge?: string | number;
+  target?: '_self' | '_blank';
+  ariaLabel?: string;
+  external?: boolean;
+  description?: React$1.ReactNode;
+  imageSrc?: string;
+  imageAlt?: string;
+  categories?: string[];
+}
+interface NavSection {
+  title?: React$1.ReactNode;
+  items: NavLink[];
+}
+interface UserMenuItem {
+  label: React$1.ReactNode;
+  href?: string;
+  onClick?: () => void;
+  icon?: React$1.ReactNode;
+  danger?: boolean;
+}
+interface HeaderNavItem {
+  label: React$1.ReactNode;
+  href?: string;
+  description?: React$1.ReactNode;
+  key?: string;
+  items?: NavLink[];
+  match?: 'exact' | 'startsWith';
+}
+interface CtaAction {
+  label: React$1.ReactNode;
+  href?: string;
+  onClick?: () => void;
+  variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+  size?: 'default' | 'sm' | 'lg' | 'icon';
+}
+//#endregion
+export { CtaAction, HeaderNavItem, NavLink, NavSection, UserMenuItem };
+//# sourceMappingURL=navigation.d.ts.map

package/dist/types/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","names":[],"sources":["../../src/types/navigation.ts"],"sourcesContent":[],"mappings":";;;UAEiB,OAAA;SACR,OAAA,CAAM;EADE,IAAA,EAAA,MAAO;EACf,IAAA,CAAM,EAEN,OAAA,CAAM,SAFA;EAEN,KAAM,CAAA,EAAA,MAAA,GAAA,MAAA;EAKC,MAAM,CAAA,EAAA,OAAA,GAAA,QAAA;EAAS,SAAA,CAAA,EAAA,MAAA;EAMd,QAAA,CAAA,EAAA,OAAU;EAKV,WAAA,CAAA,EAXD,OAAA,CAAM,SAYb;EAOQ,QAAA,CAAA,EAAA,MAAa;EACrB,QAAM,CAAA,EAAA,MAAA;EAEC,UAAM,CAAA,EAAA,MAAA,EAAA;;AAEL,UAlBA,UAAA,CAkBA;EAIA,KAAA,CAAA,EArBP,OAAA,CAAM,SAqBU;SApBjB;;UAGQ,YAAA;SACR,OAAA,CAAM;;;SAGN,OAAA,CAAM;;;UAIE,aAAA;SACR,OAAA,CAAM;;gBAEC,OAAA,CAAM;;UAEZ;;;UAIO,SAAA;SACR,OAAA,CAAM"}

package/dist/types/navigation.js

@@ -0,0 +1,3 @@
+import "react";
+
+export {  };