@tribepad/themis 1.0.0 → 1.0.1

package/dist/schemas/index.js

@@ -1,29 +1,55 @@
 'use strict';
 
-var chunkAZ3RJYTB_js = require('../chunk-AZ3RJYTB.js');
-var chunkT4COXKQ3_js = require('../chunk-T4COXKQ3.js');
+var zod = require('zod');
 
-
-
-Object.defineProperty(exports, "MasterRegistrySchema", {
-  enumerable: true,
-  get: function () { return chunkAZ3RJYTB_js.MasterRegistrySchema; }
-});
-Object.defineProperty(exports, "RegistryItemSchema", {
-  enumerable: true,
-  get: function () { return chunkAZ3RJYTB_js.RegistryItemSchema; }
+// src/schemas/BaseComponentProps.ts
+var BaseComponentPropsSchema = zod.z.object({
+  // Styling
+  className: zod.z.string().optional(),
+  // React
+  children: zod.z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: zod.z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": zod.z.string().optional(),
+  "aria-labelledby": zod.z.string().optional(),
+  "aria-describedby": zod.z.string().optional(),
+  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": zod.z.boolean().optional(),
+  // Testing & Development
+  "data-testid": zod.z.string().optional()
 });
-Object.defineProperty(exports, "validateMasterRegistry", {
-  enumerable: true,
-  get: function () { return chunkAZ3RJYTB_js.validateMasterRegistry; }
+var RegistryItemSchema = zod.z.object({
+  $schema: zod.z.literal("https://ui.shadcn.com/schema/registry-item.json"),
+  name: zod.z.string().regex(/^[a-z-]+$/, "Name must be lowercase kebab-case"),
+  type: zod.z.literal("registry:ui"),
+  title: zod.z.string().min(1),
+  description: zod.z.string().min(10, "Description must be at least 10 characters"),
+  dependencies: zod.z.array(zod.z.string()).default([]),
+  files: zod.z.array(
+    zod.z.object({
+      path: zod.z.string().regex(/\.tsx?$/, "Must be TypeScript file"),
+      type: zod.z.literal("registry:component")
+    })
+  ).min(1, "Must include at least one file")
 });
-Object.defineProperty(exports, "validateRegistry", {
-  enumerable: true,
-  get: function () { return chunkAZ3RJYTB_js.validateRegistry; }
-});
-Object.defineProperty(exports, "BaseComponentPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkT4COXKQ3_js.BaseComponentPropsSchema; }
+var MasterRegistrySchema = zod.z.object({
+  $schema: zod.z.literal("https://ui.shadcn.com/schema/registry.json"),
+  name: zod.z.string(),
+  homepage: zod.z.string().url().optional(),
+  items: zod.z.array(RegistryItemSchema)
 });
+function validateRegistry(registry) {
+  return RegistryItemSchema.safeParse(registry);
+}
+function validateMasterRegistry(registry) {
+  return MasterRegistrySchema.safeParse(registry);
+}
+
+exports.BaseComponentPropsSchema = BaseComponentPropsSchema;
+exports.MasterRegistrySchema = MasterRegistrySchema;
+exports.RegistryItemSchema = RegistryItemSchema;
+exports.validateMasterRegistry = validateMasterRegistry;
+exports.validateRegistry = validateRegistry;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/schemas/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../src/schemas/BaseComponentProps.ts","../../src/schemas/RegistryItem.ts"],"names":["z"],"mappings":";;;;;AASO,IAAM,wBAAA,GAA2BA,MAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAWA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAUA,KAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAIA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAcA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAaA,MAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAeA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAeA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC;ACjBM,IAAM,kBAAA,GAAqBA,MAAE,MAAA,CAAO;AAAA,EACzC,OAAA,EAASA,KAAAA,CAAE,OAAA,CAAQ,iDAAiD,CAAA;AAAA,EACpE,MAAMA,KAAAA,CAAE,MAAA,EAAO,CAAE,KAAA,CAAM,aAAa,mCAAmC,CAAA;AAAA,EACvE,IAAA,EAAMA,KAAAA,CAAE,OAAA,CAAQ,aAAa,CAAA;AAAA,EAC7B,KAAA,EAAOA,KAAAA,CAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA;AAAA,EACvB,aAAaA,KAAAA,CAAE,MAAA,EAAO,CAAE,GAAA,CAAI,IAAI,4CAA4C,CAAA;AAAA,EAC5E,YAAA,EAAcA,MAAE,KAAA,CAAMA,KAAAA,CAAE,QAAQ,CAAA,CAAE,OAAA,CAAQ,EAAE,CAAA;AAAA,EAC5C,OAAOA,KAAAA,CACJ,KAAA;AAAA,IACCA,MAAE,MAAA,CAAO;AAAA,MACP,MAAMA,KAAAA,CAAE,MAAA,EAAO,CAAE,KAAA,CAAM,WAAW,yBAAyB,CAAA;AAAA,MAC3D,IAAA,EAAMA,KAAAA,CAAE,OAAA,CAAQ,oBAAoB;AAAA,KACrC;AAAA,GACH,CACC,GAAA,CAAI,CAAA,EAAG,gCAAgC;AAC5C,CAAC;AAOM,IAAM,oBAAA,GAAuBA,MAAE,MAAA,CAAO;AAAA,EAC3C,OAAA,EAASA,KAAAA,CAAE,OAAA,CAAQ,4CAA4C,CAAA;AAAA,EAC/D,IAAA,EAAMA,MAAE,MAAA,EAAO;AAAA,EACf,UAAUA,KAAAA,CAAE,MAAA,EAAO,CAAE,GAAA,GAAM,QAAA,EAAS;AAAA,EACpC,KAAA,EAAOA,KAAAA,CAAE,KAAA,CAAM,kBAAkB;AACnC,CAAC;AASM,SAAS,iBAAiB,QAAA,EAAqD;AACpF,EAAA,OAAO,kBAAA,CAAmB,UAAU,QAAQ,CAAA;AAC9C;AAOO,SAAS,uBAAuB,QAAA,EAAuD;AAC5F,EAAA,OAAO,oBAAA,CAAqB,UAAU,QAAQ,CAAA;AAChD","file":"index.js","sourcesContent":["import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport type { ZodSafeParseResult } from 'zod';\n\n/**\n * Zod schema for ShadCN-compatible registry JSON validation\n *\n * @see spec.md FR-004 to FR-008 (Registry System Requirements)\n * @see https://ui.shadcn.com/schema/registry-item.json\n */\nexport const RegistryItemSchema = z.object({\n  $schema: z.literal('https://ui.shadcn.com/schema/registry-item.json'),\n  name: z.string().regex(/^[a-z-]+$/, 'Name must be lowercase kebab-case'),\n  type: z.literal('registry:ui'),\n  title: z.string().min(1),\n  description: z.string().min(10, 'Description must be at least 10 characters'),\n  dependencies: z.array(z.string()).default([]),\n  files: z\n    .array(\n      z.object({\n        path: z.string().regex(/\\.tsx?$/, 'Must be TypeScript file'),\n        type: z.literal('registry:component'),\n      })\n    )\n    .min(1, 'Must include at least one file'),\n});\n\nexport type RegistryItem = z.infer<typeof RegistryItemSchema>;\n\n/**\n * Master registry schema for the complete component catalog\n */\nexport const MasterRegistrySchema = z.object({\n  $schema: z.literal('https://ui.shadcn.com/schema/registry.json'),\n  name: z.string(),\n  homepage: z.string().url().optional(),\n  items: z.array(RegistryItemSchema),\n});\n\nexport type MasterRegistry = z.infer<typeof MasterRegistrySchema>;\n\n/**\n * Validate a registry file against the RegistryItem schema\n * @param registry - The registry object to validate\n * @returns Validation result with parsed data or error\n */\nexport function validateRegistry(registry: unknown): ZodSafeParseResult<RegistryItem> {\n  return RegistryItemSchema.safeParse(registry);\n}\n\n/**\n * Validate master registry file against MasterRegistry schema\n * @param registry - The master registry object to validate\n * @returns Validation result with parsed data or error\n */\nexport function validateMasterRegistry(registry: unknown): ZodSafeParseResult<MasterRegistry> {\n  return MasterRegistrySchema.safeParse(registry);\n}\n"]}

package/dist/schemas/index.mjs

@@ -1,4 +1,49 @@
-export { MasterRegistrySchema, RegistryItemSchema, validateMasterRegistry, validateRegistry } from '../chunk-GVE47ZAX.mjs';
-export { BaseComponentPropsSchema } from '../chunk-5SVLJN2C.mjs';
+import { z } from 'zod';
+
+// src/schemas/BaseComponentProps.ts
+var BaseComponentPropsSchema = z.object({
+  // Styling
+  className: z.string().optional(),
+  // React
+  children: z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": z.string().optional(),
+  "aria-labelledby": z.string().optional(),
+  "aria-describedby": z.string().optional(),
+  "aria-live": z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": z.boolean().optional(),
+  // Testing & Development
+  "data-testid": z.string().optional()
+});
+var RegistryItemSchema = z.object({
+  $schema: z.literal("https://ui.shadcn.com/schema/registry-item.json"),
+  name: z.string().regex(/^[a-z-]+$/, "Name must be lowercase kebab-case"),
+  type: z.literal("registry:ui"),
+  title: z.string().min(1),
+  description: z.string().min(10, "Description must be at least 10 characters"),
+  dependencies: z.array(z.string()).default([]),
+  files: z.array(
+    z.object({
+      path: z.string().regex(/\.tsx?$/, "Must be TypeScript file"),
+      type: z.literal("registry:component")
+    })
+  ).min(1, "Must include at least one file")
+});
+var MasterRegistrySchema = z.object({
+  $schema: z.literal("https://ui.shadcn.com/schema/registry.json"),
+  name: z.string(),
+  homepage: z.string().url().optional(),
+  items: z.array(RegistryItemSchema)
+});
+function validateRegistry(registry) {
+  return RegistryItemSchema.safeParse(registry);
+}
+function validateMasterRegistry(registry) {
+  return MasterRegistrySchema.safeParse(registry);
+}
+
+export { BaseComponentPropsSchema, MasterRegistrySchema, RegistryItemSchema, validateMasterRegistry, validateRegistry };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/schemas/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../src/schemas/BaseComponentProps.ts","../../src/schemas/RegistryItem.ts"],"names":["z"],"mappings":";;;AASO,IAAM,wBAAA,GAA2B,EAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAW,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAU,CAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAI,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAc,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAa,EAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAe,CAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAe,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC;ACjBM,IAAM,kBAAA,GAAqBA,EAAE,MAAA,CAAO;AAAA,EACzC,OAAA,EAASA,CAAAA,CAAE,OAAA,CAAQ,iDAAiD,CAAA;AAAA,EACpE,MAAMA,CAAAA,CAAE,MAAA,EAAO,CAAE,KAAA,CAAM,aAAa,mCAAmC,CAAA;AAAA,EACvE,IAAA,EAAMA,CAAAA,CAAE,OAAA,CAAQ,aAAa,CAAA;AAAA,EAC7B,KAAA,EAAOA,CAAAA,CAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA;AAAA,EACvB,aAAaA,CAAAA,CAAE,MAAA,EAAO,CAAE,GAAA,CAAI,IAAI,4CAA4C,CAAA;AAAA,EAC5E,YAAA,EAAcA,EAAE,KAAA,CAAMA,CAAAA,CAAE,QAAQ,CAAA,CAAE,OAAA,CAAQ,EAAE,CAAA;AAAA,EAC5C,OAAOA,CAAAA,CACJ,KAAA;AAAA,IACCA,EAAE,MAAA,CAAO;AAAA,MACP,MAAMA,CAAAA,CAAE,MAAA,EAAO,CAAE,KAAA,CAAM,WAAW,yBAAyB,CAAA;AAAA,MAC3D,IAAA,EAAMA,CAAAA,CAAE,OAAA,CAAQ,oBAAoB;AAAA,KACrC;AAAA,GACH,CACC,GAAA,CAAI,CAAA,EAAG,gCAAgC;AAC5C,CAAC;AAOM,IAAM,oBAAA,GAAuBA,EAAE,MAAA,CAAO;AAAA,EAC3C,OAAA,EAASA,CAAAA,CAAE,OAAA,CAAQ,4CAA4C,CAAA;AAAA,EAC/D,IAAA,EAAMA,EAAE,MAAA,EAAO;AAAA,EACf,UAAUA,CAAAA,CAAE,MAAA,EAAO,CAAE,GAAA,GAAM,QAAA,EAAS;AAAA,EACpC,KAAA,EAAOA,CAAAA,CAAE,KAAA,CAAM,kBAAkB;AACnC,CAAC;AASM,SAAS,iBAAiB,QAAA,EAAqD;AACpF,EAAA,OAAO,kBAAA,CAAmB,UAAU,QAAQ,CAAA;AAC9C;AAOO,SAAS,uBAAuB,QAAA,EAAuD;AAC5F,EAAA,OAAO,oBAAA,CAAqB,UAAU,QAAQ,CAAA;AAChD","file":"index.mjs","sourcesContent":["import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport type { ZodSafeParseResult } from 'zod';\n\n/**\n * Zod schema for ShadCN-compatible registry JSON validation\n *\n * @see spec.md FR-004 to FR-008 (Registry System Requirements)\n * @see https://ui.shadcn.com/schema/registry-item.json\n */\nexport const RegistryItemSchema = z.object({\n  $schema: z.literal('https://ui.shadcn.com/schema/registry-item.json'),\n  name: z.string().regex(/^[a-z-]+$/, 'Name must be lowercase kebab-case'),\n  type: z.literal('registry:ui'),\n  title: z.string().min(1),\n  description: z.string().min(10, 'Description must be at least 10 characters'),\n  dependencies: z.array(z.string()).default([]),\n  files: z\n    .array(\n      z.object({\n        path: z.string().regex(/\\.tsx?$/, 'Must be TypeScript file'),\n        type: z.literal('registry:component'),\n      })\n    )\n    .min(1, 'Must include at least one file'),\n});\n\nexport type RegistryItem = z.infer<typeof RegistryItemSchema>;\n\n/**\n * Master registry schema for the complete component catalog\n */\nexport const MasterRegistrySchema = z.object({\n  $schema: z.literal('https://ui.shadcn.com/schema/registry.json'),\n  name: z.string(),\n  homepage: z.string().url().optional(),\n  items: z.array(RegistryItemSchema),\n});\n\nexport type MasterRegistry = z.infer<typeof MasterRegistrySchema>;\n\n/**\n * Validate a registry file against the RegistryItem schema\n * @param registry - The registry object to validate\n * @returns Validation result with parsed data or error\n */\nexport function validateRegistry(registry: unknown): ZodSafeParseResult<RegistryItem> {\n  return RegistryItemSchema.safeParse(registry);\n}\n\n/**\n * Validate master registry file against MasterRegistry schema\n * @param registry - The master registry object to validate\n * @returns Validation result with parsed data or error\n */\nexport function validateMasterRegistry(registry: unknown): ZodSafeParseResult<MasterRegistry> {\n  return MasterRegistrySchema.safeParse(registry);\n}\n"]}

package/dist/styles/index.js

@@ -1,153 +1,167 @@
 'use strict';
 
-var chunkCJIW5TKI_js = require('../chunk-CJIW5TKI.js');
-var chunkB5Q4UPL6_js = require('../chunk-B5Q4UPL6.js');
+// src/styles/interaction-states.ts
+var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
+var PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
+var PRESSED_STYLES_BASE = "data-[pressed]:transition-transform data-[pressed]:duration-100";
+var HOVER_STYLES = "data-[hovered]:shadow-md";
+var HOVER_STYLES_BASE = "data-[hovered]:transition-shadow data-[hovered]:duration-200";
+var HIGH_CONTRAST_FOCUS = "hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";
+var HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
+var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
+var HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
+var DISABLED_STYLES = "disabled:pointer-events-none disabled:opacity-50";
+var DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
+var SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;
+var NON_INTERACTIVE = "cursor-default select-none";
 
+// src/styles/shared-variants.ts
+var FOCUS_WITHIN_RING = [
+  "focus-within:outline-none",
+  "focus-within:ring-2",
+  "focus-within:ring-[var(--ring)]",
+  "focus-within:ring-offset-2"
+];
+var FOCUS_VISIBLE_RING = [
+  "focus-visible:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-[var(--ring)]",
+  "focus-visible:ring-offset-2"
+];
+var FOCUS_RING = [
+  "focus:outline-none",
+  "focus:ring-2",
+  "focus:ring-[var(--ring)]"
+];
+var FOCUS_HIGHLIGHT = [
+  "focus:outline-none",
+  "focus:bg-[var(--accent)]",
+  "focus:text-[var(--accent-foreground)]"
+];
+var DISABLED_STANDARD = [
+  "disabled:pointer-events-none",
+  "disabled:opacity-50"
+];
+var DISABLED_DATA_ATTR = [
+  "data-[disabled]:pointer-events-none",
+  "data-[disabled]:opacity-50",
+  "data-[disabled]:cursor-not-allowed"
+];
+var TEXT_SIZE_SMALL_SCALE = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var TEXT_SIZE_MEDIUM_SCALE = {
+  sm: "text-sm",
+  default: "text-base",
+  lg: "text-lg"
+};
+var TOUCH_TARGET_MIN = [
+  "min-h-[44px]",
+  "min-w-[44px]"
+];
+var INTERACTIVE_SIZES = {
+  sm: "h-9 w-9",
+  // 36px - desktop only, NOT AAA compliant
+  default: "h-11 w-11",
+  // 44px - AAA compliant
+  lg: "h-14 w-14"
+  // 56px - AAA compliant, enhanced
+};
+var FIELD_HEIGHTS = {
+  sm: "h-9",
+  // 36px
+  default: "h-11",
+  // 44px
+  lg: "h-14"
+  // 56px
+};
+var ERROR_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--destructive)]"
+];
+var SUCCESS_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--success)]"
+];
+var DESCRIPTION_BASE = [
+  "text-[var(--menu-muted)]"
+];
+var LABEL_BASE = [
+  "font-medium",
+  "text-[var(--content-foreground)]"
+];
+var REQUIRED_INDICATOR = "after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]";
+var POPOVER_ANIMATION_IN = [
+  "data-[entering]:animate-in",
+  "data-[entering]:fade-in-0",
+  "data-[entering]:zoom-in-95"
+];
+var POPOVER_ANIMATION_OUT = [
+  "data-[exiting]:animate-out",
+  "data-[exiting]:fade-out-0",
+  "data-[exiting]:zoom-out-95"
+];
+var REDUCED_MOTION = [
+  "motion-reduce:transition-none",
+  "motion-reduce:animate-none"
+];
+var TRANSITION_COLORS = [
+  "transition-colors",
+  "duration-200"
+];
+var TRANSITION_FAST = [
+  "transition-colors",
+  "duration-150"
+];
+var HOVER_ACCENT = [
+  "hover:bg-[var(--accent)]",
+  "hover:text-[var(--accent-foreground)]"
+];
+function combineStyles(...styles) {
+  return styles.flatMap((s) => Array.isArray(s) ? [...s] : [s]);
+}
 
-
-Object.defineProperty(exports, "DESCRIPTION_BASE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.DESCRIPTION_BASE; }
-});
-Object.defineProperty(exports, "DISABLED_DATA_ATTR", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.DISABLED_DATA_ATTR; }
-});
-Object.defineProperty(exports, "DISABLED_STANDARD", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.DISABLED_STANDARD; }
-});
-Object.defineProperty(exports, "ERROR_MESSAGE_BASE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.ERROR_MESSAGE_BASE; }
-});
-Object.defineProperty(exports, "FIELD_HEIGHTS", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.FIELD_HEIGHTS; }
-});
-Object.defineProperty(exports, "FOCUS_HIGHLIGHT", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.FOCUS_HIGHLIGHT; }
-});
-Object.defineProperty(exports, "FOCUS_RING", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.FOCUS_RING; }
-});
-Object.defineProperty(exports, "FOCUS_VISIBLE_RING", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.FOCUS_VISIBLE_RING; }
-});
-Object.defineProperty(exports, "FOCUS_WITHIN_RING", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.FOCUS_WITHIN_RING; }
-});
-Object.defineProperty(exports, "HOVER_ACCENT", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.HOVER_ACCENT; }
-});
-Object.defineProperty(exports, "INTERACTIVE_SIZES", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.INTERACTIVE_SIZES; }
-});
-Object.defineProperty(exports, "LABEL_BASE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.LABEL_BASE; }
-});
-Object.defineProperty(exports, "POPOVER_ANIMATION_IN", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.POPOVER_ANIMATION_IN; }
-});
-Object.defineProperty(exports, "POPOVER_ANIMATION_OUT", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.POPOVER_ANIMATION_OUT; }
-});
-Object.defineProperty(exports, "REDUCED_MOTION", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.REDUCED_MOTION; }
-});
-Object.defineProperty(exports, "REQUIRED_INDICATOR", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.REQUIRED_INDICATOR; }
-});
-Object.defineProperty(exports, "SUCCESS_MESSAGE_BASE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.SUCCESS_MESSAGE_BASE; }
-});
-Object.defineProperty(exports, "TEXT_SIZE_MEDIUM_SCALE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.TEXT_SIZE_MEDIUM_SCALE; }
-});
-Object.defineProperty(exports, "TEXT_SIZE_SMALL_SCALE", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.TEXT_SIZE_SMALL_SCALE; }
-});
-Object.defineProperty(exports, "TOUCH_TARGET_MIN", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.TOUCH_TARGET_MIN; }
-});
-Object.defineProperty(exports, "TRANSITION_COLORS", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.TRANSITION_COLORS; }
-});
-Object.defineProperty(exports, "TRANSITION_FAST", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.TRANSITION_FAST; }
-});
-Object.defineProperty(exports, "combineStyles", {
-  enumerable: true,
-  get: function () { return chunkCJIW5TKI_js.combineStyles; }
-});
-Object.defineProperty(exports, "DEFAULT_INTERACTIONS", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.DEFAULT_INTERACTIONS; }
-});
-Object.defineProperty(exports, "DISABLED_STYLES", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.DISABLED_STYLES; }
-});
-Object.defineProperty(exports, "FOCUS_STYLES", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.FOCUS_STYLES; }
-});
-Object.defineProperty(exports, "HIGH_CONTRAST_FOCUS", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HIGH_CONTRAST_FOCUS; }
-});
-Object.defineProperty(exports, "HIGH_CONTRAST_HOVER", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HIGH_CONTRAST_HOVER; }
-});
-Object.defineProperty(exports, "HIGH_CONTRAST_INTERACTIONS", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HIGH_CONTRAST_INTERACTIONS; }
-});
-Object.defineProperty(exports, "HIGH_CONTRAST_PRESSED", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HIGH_CONTRAST_PRESSED; }
-});
-Object.defineProperty(exports, "HOVER_STYLES", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HOVER_STYLES; }
-});
-Object.defineProperty(exports, "HOVER_STYLES_BASE", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.HOVER_STYLES_BASE; }
-});
-Object.defineProperty(exports, "NON_INTERACTIVE", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.NON_INTERACTIVE; }
-});
-Object.defineProperty(exports, "PRESSED_STYLES", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.PRESSED_STYLES; }
-});
-Object.defineProperty(exports, "PRESSED_STYLES_BASE", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.PRESSED_STYLES_BASE; }
-});
-Object.defineProperty(exports, "SUBTLE_INTERACTIONS", {
-  enumerable: true,
-  get: function () { return chunkB5Q4UPL6_js.SUBTLE_INTERACTIONS; }
-});
+exports.DEFAULT_INTERACTIONS = DEFAULT_INTERACTIONS;
+exports.DESCRIPTION_BASE = DESCRIPTION_BASE;
+exports.DISABLED_DATA_ATTR = DISABLED_DATA_ATTR;
+exports.DISABLED_STANDARD = DISABLED_STANDARD;
+exports.DISABLED_STYLES = DISABLED_STYLES;
+exports.ERROR_MESSAGE_BASE = ERROR_MESSAGE_BASE;
+exports.FIELD_HEIGHTS = FIELD_HEIGHTS;
+exports.FOCUS_HIGHLIGHT = FOCUS_HIGHLIGHT;
+exports.FOCUS_RING = FOCUS_RING;
+exports.FOCUS_STYLES = FOCUS_STYLES;
+exports.FOCUS_VISIBLE_RING = FOCUS_VISIBLE_RING;
+exports.FOCUS_WITHIN_RING = FOCUS_WITHIN_RING;
+exports.HIGH_CONTRAST_FOCUS = HIGH_CONTRAST_FOCUS;
+exports.HIGH_CONTRAST_HOVER = HIGH_CONTRAST_HOVER;
+exports.HIGH_CONTRAST_INTERACTIONS = HIGH_CONTRAST_INTERACTIONS;
+exports.HIGH_CONTRAST_PRESSED = HIGH_CONTRAST_PRESSED;
+exports.HOVER_ACCENT = HOVER_ACCENT;
+exports.HOVER_STYLES = HOVER_STYLES;
+exports.HOVER_STYLES_BASE = HOVER_STYLES_BASE;
+exports.INTERACTIVE_SIZES = INTERACTIVE_SIZES;
+exports.LABEL_BASE = LABEL_BASE;
+exports.NON_INTERACTIVE = NON_INTERACTIVE;
+exports.POPOVER_ANIMATION_IN = POPOVER_ANIMATION_IN;
+exports.POPOVER_ANIMATION_OUT = POPOVER_ANIMATION_OUT;
+exports.PRESSED_STYLES = PRESSED_STYLES;
+exports.PRESSED_STYLES_BASE = PRESSED_STYLES_BASE;
+exports.REDUCED_MOTION = REDUCED_MOTION;
+exports.REQUIRED_INDICATOR = REQUIRED_INDICATOR;
+exports.SUBTLE_INTERACTIONS = SUBTLE_INTERACTIONS;
+exports.SUCCESS_MESSAGE_BASE = SUCCESS_MESSAGE_BASE;
+exports.TEXT_SIZE_MEDIUM_SCALE = TEXT_SIZE_MEDIUM_SCALE;
+exports.TEXT_SIZE_SMALL_SCALE = TEXT_SIZE_SMALL_SCALE;
+exports.TOUCH_TARGET_MIN = TOUCH_TARGET_MIN;
+exports.TRANSITION_COLORS = TRANSITION_COLORS;
+exports.TRANSITION_FAST = TRANSITION_FAST;
+exports.combineStyles = combineStyles;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../src/styles/interaction-states.ts","../../src/styles/shared-variants.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","/**\n * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n  'focus-within:outline-none',\n  'focus-within:ring-2',\n  'focus-within:ring-[var(--ring)]',\n  'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n  'focus-visible:outline-none',\n  'focus-visible:ring-2',\n  'focus-visible:ring-[var(--ring)]',\n  'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n  'focus:outline-none',\n  'focus:ring-2',\n  'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n  'focus:outline-none',\n  'focus:bg-[var(--accent)]',\n  'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n  'data-[disabled]:pointer-events-none',\n  'data-[disabled]:opacity-50',\n  'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n  sm: 'text-sm',\n  default: 'text-base',\n  lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n  'min-h-[44px]',\n  'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n  sm: 'h-9 w-9',      // 36px - desktop only, NOT AAA compliant\n  default: 'h-11 w-11', // 44px - AAA compliant\n  lg: 'h-14 w-14',    // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n  sm: 'h-9',      // 36px\n  default: 'h-11', // 44px\n  lg: 'h-14',     // 56px\n} as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--destructive)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--success)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n  'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n  'font-medium',\n  'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n  'motion-reduce:transition-none',\n  'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n  'transition-colors',\n  'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n  'transition-colors',\n  'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n  'hover:bg-[var(--accent)]',\n  'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n  return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n"]}

package/dist/styles/index.mjs

@@ -1,4 +1,130 @@
-export { DESCRIPTION_BASE, DISABLED_DATA_ATTR, DISABLED_STANDARD, ERROR_MESSAGE_BASE, FIELD_HEIGHTS, FOCUS_HIGHLIGHT, FOCUS_RING, FOCUS_VISIBLE_RING, FOCUS_WITHIN_RING, HOVER_ACCENT, INTERACTIVE_SIZES, LABEL_BASE, POPOVER_ANIMATION_IN, POPOVER_ANIMATION_OUT, REDUCED_MOTION, REQUIRED_INDICATOR, SUCCESS_MESSAGE_BASE, TEXT_SIZE_MEDIUM_SCALE, TEXT_SIZE_SMALL_SCALE, TOUCH_TARGET_MIN, TRANSITION_COLORS, TRANSITION_FAST, combineStyles } from '../chunk-Z4FRNOF6.mjs';
-export { DEFAULT_INTERACTIONS, DISABLED_STYLES, FOCUS_STYLES, HIGH_CONTRAST_FOCUS, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_INTERACTIONS, HIGH_CONTRAST_PRESSED, HOVER_STYLES, HOVER_STYLES_BASE, NON_INTERACTIVE, PRESSED_STYLES, PRESSED_STYLES_BASE, SUBTLE_INTERACTIONS } from '../chunk-HK46BT5U.mjs';
+// src/styles/interaction-states.ts
+var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
+var PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
+var PRESSED_STYLES_BASE = "data-[pressed]:transition-transform data-[pressed]:duration-100";
+var HOVER_STYLES = "data-[hovered]:shadow-md";
+var HOVER_STYLES_BASE = "data-[hovered]:transition-shadow data-[hovered]:duration-200";
+var HIGH_CONTRAST_FOCUS = "hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";
+var HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
+var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
+var HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
+var DISABLED_STYLES = "disabled:pointer-events-none disabled:opacity-50";
+var DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
+var SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;
+var NON_INTERACTIVE = "cursor-default select-none";
+
+// src/styles/shared-variants.ts
+var FOCUS_WITHIN_RING = [
+  "focus-within:outline-none",
+  "focus-within:ring-2",
+  "focus-within:ring-[var(--ring)]",
+  "focus-within:ring-offset-2"
+];
+var FOCUS_VISIBLE_RING = [
+  "focus-visible:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-[var(--ring)]",
+  "focus-visible:ring-offset-2"
+];
+var FOCUS_RING = [
+  "focus:outline-none",
+  "focus:ring-2",
+  "focus:ring-[var(--ring)]"
+];
+var FOCUS_HIGHLIGHT = [
+  "focus:outline-none",
+  "focus:bg-[var(--accent)]",
+  "focus:text-[var(--accent-foreground)]"
+];
+var DISABLED_STANDARD = [
+  "disabled:pointer-events-none",
+  "disabled:opacity-50"
+];
+var DISABLED_DATA_ATTR = [
+  "data-[disabled]:pointer-events-none",
+  "data-[disabled]:opacity-50",
+  "data-[disabled]:cursor-not-allowed"
+];
+var TEXT_SIZE_SMALL_SCALE = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var TEXT_SIZE_MEDIUM_SCALE = {
+  sm: "text-sm",
+  default: "text-base",
+  lg: "text-lg"
+};
+var TOUCH_TARGET_MIN = [
+  "min-h-[44px]",
+  "min-w-[44px]"
+];
+var INTERACTIVE_SIZES = {
+  sm: "h-9 w-9",
+  // 36px - desktop only, NOT AAA compliant
+  default: "h-11 w-11",
+  // 44px - AAA compliant
+  lg: "h-14 w-14"
+  // 56px - AAA compliant, enhanced
+};
+var FIELD_HEIGHTS = {
+  sm: "h-9",
+  // 36px
+  default: "h-11",
+  // 44px
+  lg: "h-14"
+  // 56px
+};
+var ERROR_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--destructive)]"
+];
+var SUCCESS_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--success)]"
+];
+var DESCRIPTION_BASE = [
+  "text-[var(--menu-muted)]"
+];
+var LABEL_BASE = [
+  "font-medium",
+  "text-[var(--content-foreground)]"
+];
+var REQUIRED_INDICATOR = "after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]";
+var POPOVER_ANIMATION_IN = [
+  "data-[entering]:animate-in",
+  "data-[entering]:fade-in-0",
+  "data-[entering]:zoom-in-95"
+];
+var POPOVER_ANIMATION_OUT = [
+  "data-[exiting]:animate-out",
+  "data-[exiting]:fade-out-0",
+  "data-[exiting]:zoom-out-95"
+];
+var REDUCED_MOTION = [
+  "motion-reduce:transition-none",
+  "motion-reduce:animate-none"
+];
+var TRANSITION_COLORS = [
+  "transition-colors",
+  "duration-200"
+];
+var TRANSITION_FAST = [
+  "transition-colors",
+  "duration-150"
+];
+var HOVER_ACCENT = [
+  "hover:bg-[var(--accent)]",
+  "hover:text-[var(--accent-foreground)]"
+];
+function combineStyles(...styles) {
+  return styles.flatMap((s) => Array.isArray(s) ? [...s] : [s]);
+}
+
+export { DEFAULT_INTERACTIONS, DESCRIPTION_BASE, DISABLED_DATA_ATTR, DISABLED_STANDARD, DISABLED_STYLES, ERROR_MESSAGE_BASE, FIELD_HEIGHTS, FOCUS_HIGHLIGHT, FOCUS_RING, FOCUS_STYLES, FOCUS_VISIBLE_RING, FOCUS_WITHIN_RING, HIGH_CONTRAST_FOCUS, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_INTERACTIONS, HIGH_CONTRAST_PRESSED, HOVER_ACCENT, HOVER_STYLES, HOVER_STYLES_BASE, INTERACTIVE_SIZES, LABEL_BASE, NON_INTERACTIVE, POPOVER_ANIMATION_IN, POPOVER_ANIMATION_OUT, PRESSED_STYLES, PRESSED_STYLES_BASE, REDUCED_MOTION, REQUIRED_INDICATOR, SUBTLE_INTERACTIONS, SUCCESS_MESSAGE_BASE, TEXT_SIZE_MEDIUM_SCALE, TEXT_SIZE_SMALL_SCALE, TOUCH_TARGET_MIN, TRANSITION_COLORS, TRANSITION_FAST, combineStyles };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map