@tribepad/themis 1.0.1 → 1.0.3

package/dist/schemas/index.js

@@ -1,55 +1,3 @@
-'use strict';
-
-var zod = require('zod');
-
-// 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()
-});
-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")
-});
-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
+'use strict';var zod=require('zod');var i=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"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(),"data-testid":zod.z.string().optional()});var a=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")}),s=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(a)});function o(r){return a.safeParse(r)}function n(r){return s.safeParse(r)}
+exports.BaseComponentPropsSchema=i;exports.MasterRegistrySchema=s;exports.RegistryItemSchema=a;exports.validateMasterRegistry=n;exports.validateRegistry=o;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/schemas/index.js.map

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../src/schemas/BaseComponentProps.ts","../../src/schemas/RegistryItem.ts"],"names":["BaseComponentPropsSchema","z","RegistryItemSchema","MasterRegistrySchema","validateRegistry","registry","validateMasterRegistry"],"mappings":"oCASO,IAAMA,EAA2BC,KAAAA,CAAE,MAAA,CAAO,CAE/C,SAAA,CAAWA,KAAAA,CAAE,QAAO,CAAE,QAAA,GAGtB,QAAA,CAAUA,KAAAA,CAAE,KAAI,CAAE,QAAA,EAAS,CAC3B,EAAA,CAAIA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGxB,aAAcA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAClC,kBAAmBA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACvC,mBAAoBA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACxC,WAAA,CAAaA,KAAAA,CAAE,IAAA,CAAK,CAAC,MAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,GACpD,aAAA,CAAeA,KAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,KAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,MCjBYC,CAAAA,CAAqBD,KAAAA,CAAE,OAAO,CACzC,OAAA,CAASA,MAAE,OAAA,CAAQ,iDAAiD,EACpE,IAAA,CAAMA,KAAAA,CAAE,QAAO,CAAE,KAAA,CAAM,YAAa,mCAAmC,CAAA,CACvE,KAAMA,KAAAA,CAAE,OAAA,CAAQ,aAAa,CAAA,CAC7B,KAAA,CAAOA,KAAAA,CAAE,QAAO,CAAE,GAAA,CAAI,CAAC,CAAA,CACvB,WAAA,CAAaA,MAAE,MAAA,EAAO,CAAE,IAAI,EAAA,CAAI,4CAA4C,EAC5E,YAAA,CAAcA,KAAAA,CAAE,MAAMA,KAAAA,CAAE,MAAA,EAAQ,CAAA,CAAE,OAAA,CAAQ,EAAE,CAAA,CAC5C,KAAA,CAAOA,MACJ,KAAA,CACCA,KAAAA,CAAE,OAAO,CACP,IAAA,CAAMA,MAAE,MAAA,EAAO,CAAE,MAAM,SAAA,CAAW,yBAAyB,EAC3D,IAAA,CAAMA,KAAAA,CAAE,QAAQ,oBAAoB,CACtC,CAAC,CACH,CAAA,CACC,GAAA,CAAI,CAAA,CAAG,gCAAgC,CAC5C,CAAC,CAAA,CAOYE,CAAAA,CAAuBF,MAAE,MAAA,CAAO,CAC3C,QAASA,KAAAA,CAAE,OAAA,CAAQ,4CAA4C,CAAA,CAC/D,IAAA,CAAMA,MAAE,MAAA,EAAO,CACf,SAAUA,KAAAA,CAAE,MAAA,GAAS,GAAA,EAAI,CAAE,QAAA,EAAS,CACpC,KAAA,CAAOA,KAAAA,CAAE,MAAMC,CAAkB,CACnC,CAAC,EASM,SAASE,EAAiBC,CAAAA,CAAqD,CACpF,OAAOH,CAAAA,CAAmB,SAAA,CAAUG,CAAQ,CAC9C,CAOO,SAASC,CAAAA,CAAuBD,CAAAA,CAAuD,CAC5F,OAAOF,CAAAA,CAAqB,SAAA,CAAUE,CAAQ,CAChD","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,49 +1,3 @@
-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
+import {z}from'zod';var i=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"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(),"data-testid":z.string().optional()});var a=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")}),s=z.object({$schema:z.literal("https://ui.shadcn.com/schema/registry.json"),name:z.string(),homepage:z.string().url().optional(),items:z.array(a)});function o(r){return a.safeParse(r)}function n(r){return s.safeParse(r)}
+export{i as BaseComponentPropsSchema,s as MasterRegistrySchema,a as RegistryItemSchema,n as validateMasterRegistry,o as validateRegistry};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/schemas/index.mjs.map

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../src/schemas/BaseComponentProps.ts","../../src/schemas/RegistryItem.ts"],"names":["BaseComponentPropsSchema","z","RegistryItemSchema","MasterRegistrySchema","validateRegistry","registry","validateMasterRegistry"],"mappings":"oBASO,IAAMA,EAA2BC,CAAAA,CAAE,MAAA,CAAO,CAE/C,SAAA,CAAWA,CAAAA,CAAE,QAAO,CAAE,QAAA,GAGtB,QAAA,CAAUA,CAAAA,CAAE,KAAI,CAAE,QAAA,EAAS,CAC3B,EAAA,CAAIA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGxB,aAAcA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAClC,kBAAmBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACvC,mBAAoBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACxC,WAAA,CAAaA,CAAAA,CAAE,IAAA,CAAK,CAAC,MAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,GACpD,aAAA,CAAeA,CAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,MCjBYC,CAAAA,CAAqBD,CAAAA,CAAE,OAAO,CACzC,OAAA,CAASA,EAAE,OAAA,CAAQ,iDAAiD,EACpE,IAAA,CAAMA,CAAAA,CAAE,QAAO,CAAE,KAAA,CAAM,YAAa,mCAAmC,CAAA,CACvE,KAAMA,CAAAA,CAAE,OAAA,CAAQ,aAAa,CAAA,CAC7B,KAAA,CAAOA,CAAAA,CAAE,QAAO,CAAE,GAAA,CAAI,CAAC,CAAA,CACvB,WAAA,CAAaA,EAAE,MAAA,EAAO,CAAE,IAAI,EAAA,CAAI,4CAA4C,EAC5E,YAAA,CAAcA,CAAAA,CAAE,MAAMA,CAAAA,CAAE,MAAA,EAAQ,CAAA,CAAE,OAAA,CAAQ,EAAE,CAAA,CAC5C,KAAA,CAAOA,EACJ,KAAA,CACCA,CAAAA,CAAE,OAAO,CACP,IAAA,CAAMA,EAAE,MAAA,EAAO,CAAE,MAAM,SAAA,CAAW,yBAAyB,EAC3D,IAAA,CAAMA,CAAAA,CAAE,QAAQ,oBAAoB,CACtC,CAAC,CACH,CAAA,CACC,GAAA,CAAI,CAAA,CAAG,gCAAgC,CAC5C,CAAC,CAAA,CAOYE,CAAAA,CAAuBF,EAAE,MAAA,CAAO,CAC3C,QAASA,CAAAA,CAAE,OAAA,CAAQ,4CAA4C,CAAA,CAC/D,IAAA,CAAMA,EAAE,MAAA,EAAO,CACf,SAAUA,CAAAA,CAAE,MAAA,GAAS,GAAA,EAAI,CAAE,QAAA,EAAS,CACpC,KAAA,CAAOA,CAAAA,CAAE,MAAMC,CAAkB,CACnC,CAAC,EASM,SAASE,EAAiBC,CAAAA,CAAqD,CACpF,OAAOH,CAAAA,CAAmB,SAAA,CAAUG,CAAQ,CAC9C,CAOO,SAASC,CAAAA,CAAuBD,CAAAA,CAAuD,CAC5F,OAAOF,CAAAA,CAAqB,SAAA,CAAUE,CAAQ,CAChD","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/defaults.css

@@ -89,6 +89,11 @@
   --footer-text-link: #7c3aed;
   --footer-text-link-hover: #6d28d9;
 
+  /* Success Colors */
+  --success-background: #16a34a;
+  --success-foreground: #16a34a;
+  --success-ring: #16a34a;
+
   /* Radius */
   --radius-sm: 0.25rem;
   --radius-md: 0.375rem;
@@ -171,4 +176,150 @@
   --footer-ring: #d8b4fe;
   --footer-text-link: #d8b4fe;
   --footer-text-link-hover: #f3e8ff;
+
+  --success-background: #4ade80;
+  --success-foreground: #4ade80;
+  --success-ring: #4ade80;
+}
+
+/* High Contrast theme defaults
+ * Near-black/near-white palette with maximum contrast.
+ * All text pairs exceed 7:1 (WCAG AAA). Focus indicators use 3px offset.
+ * Yellow primary + cyan focus ring for maximum visibility.
+ */
+.high-contrast,
+[data-theme="high-contrast"] {
+  /* Primary Action — Yellow on black (~19.6:1 contrast) */
+  --primary-action: #ffff00;
+  --primary-action-foreground: #000000;
+  --primary-action-hover: #ffff66;
+  --primary-action-active: #cccc00;
+
+  --primary: #ffff00;
+  --primary-foreground: #000000;
+
+  /* Destructive — Bright red with black text (7.35:1 contrast) */
+  --destructive-background: #ff6666;
+  --destructive-foreground: #000000;
+  --destructive-hover: #ff8888;
+
+  /* Secondary */
+  --secondary: #333333;
+  --secondary-foreground: #ffffff;
+  --secondary-hover: #444444;
+
+  /* Page — Pure black/white (21:1 contrast) */
+  --page-background: #000000;
+  --page-foreground: #ffffff;
+
+  /* Content */
+  --content-background: #000000;
+  --content-foreground: #ffffff;
+
+  /* Accent */
+  --accent: #333333;
+  --accent-foreground: #ffffff;
+  --accent-background: #333333;
+
+  /* Muted */
+  --muted: #1a1a1a;
+  --muted-foreground: #cccccc;
+
+  /* Border & Input — White borders for maximum visibility */
+  --border: #ffffff;
+  --input-border: #ffffff;
+  --input-background: #000000;
+
+  /* Ring — Cyan focus indicators, distinct from yellow primary */
+  --ring: #00ffff;
+  --ring-offset: 3px;
+
+  /* Text (21:1 for primary, 13:1 for secondary) */
+  --text-primary: #ffffff;
+  --text-secondary: #cccccc;
+  --text-link: #00ffff;
+  --text-link-hover: #66ffff;
+
+  /* Icon */
+  --icon: #ffffff;
+
+  /* Data visualization — Yellow/Cyan pair */
+  --data: #ffff00;
+  --data-alt: #00ffff;
+
+  /* Menu/Sidebar */
+  --menu-background: #000000;
+  --menu-foreground: #ffffff;
+  --menu-icon: #ffff00;
+  --menu-accent: #333333;
+  --menu-accent-foreground: #ffffff;
+  --menu-primary: #ffff00;
+  --menu-primary-foreground: #000000;
+  --menu-border: #ffffff;
+  --menu-ring: #00ffff;
+  --menu-muted: #cccccc;
+
+  /* Footer */
+  --footer-background: #1a1a1a;
+  --footer-foreground: #ffffff;
+  --footer-muted: #cccccc;
+  --footer-border: #ffffff;
+  --footer-ring: #00ffff;
+  --footer-text-link: #00ffff;
+  --footer-text-link-hover: #66ffff;
+
+  /* Success — Bright green on black (15.3:1 contrast) */
+  --success-background: #00ff00;
+  --success-foreground: #000000;
+  --success-ring: #00ff00;
+}
+
+/* Colorblind theme defaults
+ * Extends light theme with colorblind-safe palette.
+ * Replaces red/green with orange/teal to avoid deuteranopia/protanopia confusion.
+ * Blue primary instead of purple for maximum distinguishability.
+ * All pairs maintain AAA (7:1+) contrast ratios.
+ */
+.colorblind,
+[data-theme="colorblind"] {
+  /* Primary — Blue instead of purple (8.97:1 on white) */
+  --primary-action: #1e40af;
+  --primary-action-foreground: #ffffff;
+  --primary-action-hover: #1e3a8a;
+  --primary-action-active: #172554;
+
+  --primary: #1e40af;
+  --primary-foreground: #ffffff;
+
+  /* Destructive — Orange instead of red (7.52:1 on white) */
+  --destructive-background: #9a3412;
+  --destructive-foreground: #ffffff;
+  --destructive-hover: #7c2d12;
+
+  /* Success — Teal instead of green (7.5:1 on white) */
+  --success-background: #155e75;
+  --success-foreground: #155e75;
+  --success-ring: #155e75;
+
+  /* Ring/Focus */
+  --ring: #1e40af;
+
+  /* Text links */
+  --text-link: #1e40af;
+  --text-link-hover: #1e3a8a;
+
+  /* Data visualization — Blue/Orange pair (colorblind-safe) */
+  --data: #1e40af;
+  --data-alt: #c2410c;
+
+  /* Menu overrides */
+  --menu-icon: #1e40af;
+  --menu-primary: #1e40af;
+  --menu-primary-foreground: #ffffff;
+  --menu-ring: #1e40af;
+
+  /* Footer overrides */
+  --footer-ring: #1e40af;
+  --footer-text-link: #1e40af;
+  --footer-text-link-hover: #1e3a8a;
 }

package/dist/styles/index.js

@@ -1,167 +1,2 @@
-'use strict';
-
-// 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]);
-}
-
-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
+'use strict';var e="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",a="data-[pressed]:scale-[0.97]",E="data-[pressed]:transition-transform data-[pressed]:duration-100",r="data-[hovered]:shadow-md",c="data-[hovered]:transition-shadow data-[hovered]:duration-200",t="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="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",s="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",i=`${t} ${n} ${s}`,_="disabled:pointer-events-none disabled:opacity-50",T=`${e} ${a} ${r} ${t} ${n} ${s}`,I=`${e} ${t}`,d="cursor-default select-none";var A=["focus-within:outline-none","focus-within:ring-2","focus-within:ring-[var(--ring)]","focus-within:ring-offset-2"],O=["focus-visible:outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2"],R=["focus:outline-none","focus:ring-2","focus:ring-[var(--ring)]"],u=["focus:outline-none","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]"],N=["disabled:pointer-events-none","disabled:opacity-50"],x=["data-[disabled]:pointer-events-none","data-[disabled]:opacity-50","data-[disabled]:cursor-not-allowed"],l={sm:"text-xs",default:"text-sm",lg:"text-base"},p={sm:"text-sm",default:"text-base",lg:"text-lg"},f=["min-h-[44px]","min-w-[44px]"],C={sm:"h-9 w-9",default:"h-11 w-11",lg:"h-14 w-14"},g={sm:"h-9",default:"h-11",lg:"h-14"},L=["flex","items-center","gap-1.5","text-[var(--destructive-background)]"],D=["flex","items-center","gap-1.5","text-[var(--success-background)]"],H=["text-[var(--menu-muted)]"],v=["font-medium","text-[var(--content-foreground)]"],h="after:content-['*'] after:ml-0.5 after:text-[var(--destructive-background)]",m=["data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95"],U=["data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],b=["motion-reduce:transition-none","motion-reduce:animate-none"],G=["transition-colors","duration-200"],B=["transition-colors","duration-150"],M=["hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]"];function F(...S){return S.flatMap(o=>Array.isArray(o)?[...o]:[o])}exports.DEFAULT_INTERACTIONS=T;exports.DESCRIPTION_BASE=H;exports.DISABLED_DATA_ATTR=x;exports.DISABLED_STANDARD=N;exports.DISABLED_STYLES=_;exports.ERROR_MESSAGE_BASE=L;exports.FIELD_HEIGHTS=g;exports.FOCUS_HIGHLIGHT=u;exports.FOCUS_RING=R;exports.FOCUS_STYLES=e;exports.FOCUS_VISIBLE_RING=O;exports.FOCUS_WITHIN_RING=A;exports.HIGH_CONTRAST_FOCUS=t;exports.HIGH_CONTRAST_HOVER=n;exports.HIGH_CONTRAST_INTERACTIONS=i;exports.HIGH_CONTRAST_PRESSED=s;exports.HOVER_ACCENT=M;exports.HOVER_STYLES=r;exports.HOVER_STYLES_BASE=c;exports.INTERACTIVE_SIZES=C;exports.LABEL_BASE=v;exports.NON_INTERACTIVE=d;exports.POPOVER_ANIMATION_IN=m;exports.POPOVER_ANIMATION_OUT=U;exports.PRESSED_STYLES=a;exports.PRESSED_STYLES_BASE=E;exports.REDUCED_MOTION=b;exports.REQUIRED_INDICATOR=h;exports.SUBTLE_INTERACTIONS=I;exports.SUCCESS_MESSAGE_BASE=D;exports.TEXT_SIZE_MEDIUM_SCALE=p;exports.TEXT_SIZE_SMALL_SCALE=l;exports.TOUCH_TARGET_MIN=f;exports.TRANSITION_COLORS=G;exports.TRANSITION_FAST=B;exports.combineStyles=F;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/interaction-states.ts","../../src/styles/shared-variants.ts"],"names":[],"mappings":";;;AAoBO,IAAM,YAAA,GAAe;AAUrB,IAAM,cAAA,GAAiB;AAKvB,IAAM,mBAAA,GAAsB;AAU5B,IAAM,YAAA,GAAe;AAKrB,IAAM,iBAAA,GAAoB;AAQ1B,IAAM,mBAAA,GAAsB;AAM5B,IAAM,mBAAA,GAAsB;AAM5B,IAAM,qBAAA,GAAwB;AAM9B,IAAM,6BAA6B,CAAA,EAAG,mBAAmB,CAAA,CAAA,EAAI,mBAAmB,IAAI,qBAAqB,CAAA;AAMzG,IAAM,eAAA,GAAkB;AAWxB,IAAM,oBAAA,GAAuB,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,cAAc,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA,EAAI,mBAAmB,CAAA,CAAA,EAAI,mBAAmB,CAAA,CAAA,EAAI,qBAAqB,CAAA;AAQrJ,IAAM,mBAAA,GAAsB,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,mBAAmB,CAAA;AAMlE,IAAM,eAAA,GAAkB;;;AC1FxB,IAAM,iBAAA,GAAoB;AAAA,EAC/B,2BAAA;AAAA,EACA,qBAAA;AAAA,EACA,iCAAA;AAAA,EACA;AACF;AAMO,IAAM,kBAAA,GAAqB;AAAA,EAChC,4BAAA;AAAA,EACA,sBAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACF;AAMO,IAAM,UAAA,GAAa;AAAA,EACxB,oBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF;AAKO,IAAM,eAAA,GAAkB;AAAA,EAC7B,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF;AASO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,8BAAA;AAAA,EACA;AACF;AAKO,IAAM,kBAAA,GAAqB;AAAA,EAChC,qCAAA;AAAA,EACA,4BAAA;AAAA,EACA;AACF;AASO,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,SAAA;AAAA,EACJ,OAAA,EAAS,SAAA;AAAA,EACT,EAAA,EAAI;AACN;AAKO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,SAAA;AAAA,EACJ,OAAA,EAAS,WAAA;AAAA,EACT,EAAA,EAAI;AACN;AASO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,cAAA;AAAA,EACA;AACF;AAKO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,SAAA;AAAA;AAAA,EACJ,OAAA,EAAS,WAAA;AAAA;AAAA,EACT,EAAA,EAAI;AAAA;AACN;AAKO,IAAM,aAAA,GAAgB;AAAA,EAC3B,EAAA,EAAI,KAAA;AAAA;AAAA,EACJ,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,EAAA,EAAI;AAAA;AACN;AASO,IAAM,kBAAA,GAAqB;AAAA,EAChC,MAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAKO,IAAM,oBAAA,GAAuB;AAAA,EAClC,MAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAKO,IAAM,gBAAA,GAAmB;AAAA,EAC9B;AACF;AAKO,IAAM,UAAA,GAAa;AAAA,EACxB,aAAA;AAAA,EACA;AACF;AAKO,IAAM,kBAAA,GAAqB;AAS3B,IAAM,oBAAA,GAAuB;AAAA,EAClC,4BAAA;AAAA,EACA,2BAAA;AAAA,EACA;AACF;AAKO,IAAM,qBAAA,GAAwB;AAAA,EACnC,4BAAA;AAAA,EACA,2BAAA;AAAA,EACA;AACF;AAKO,IAAM,cAAA,GAAiB;AAAA,EAC5B,+BAAA;AAAA,EACA;AACF;AAKO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,mBAAA;AAAA,EACA;AACF;AAKO,IAAM,eAAA,GAAkB;AAAA,EAC7B,mBAAA;AAAA,EACA;AACF;AASO,IAAM,YAAA,GAAe;AAAA,EAC1B,0BAAA;AAAA,EACA;AACF;AASO,SAAS,iBAAiB,MAAA,EAAkD;AACjF,EAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,CAAA,CAAA,KAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,GAAI,CAAC,GAAG,CAAC,CAAA,GAAI,CAAC,CAAC,CAAC,CAAA;AAC5D","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"]}
+{"version":3,"sources":["../../src/styles/interaction-states.ts","../../src/styles/shared-variants.ts"],"names":["FOCUS_STYLES","PRESSED_STYLES","PRESSED_STYLES_BASE","HOVER_STYLES","HOVER_STYLES_BASE","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","HIGH_CONTRAST_INTERACTIONS","DISABLED_STYLES","DEFAULT_INTERACTIONS","SUBTLE_INTERACTIONS","NON_INTERACTIVE","FOCUS_WITHIN_RING","FOCUS_VISIBLE_RING","FOCUS_RING","FOCUS_HIGHLIGHT","DISABLED_STANDARD","DISABLED_DATA_ATTR","TEXT_SIZE_SMALL_SCALE","TEXT_SIZE_MEDIUM_SCALE","TOUCH_TARGET_MIN","INTERACTIVE_SIZES","FIELD_HEIGHTS","ERROR_MESSAGE_BASE","SUCCESS_MESSAGE_BASE","DESCRIPTION_BASE","LABEL_BASE","REQUIRED_INDICATOR","POPOVER_ANIMATION_IN","POPOVER_ANIMATION_OUT","REDUCED_MOTION","TRANSITION_COLORS","TRANSITION_FAST","HOVER_ACCENT","combineStyles","styles","s"],"mappings":"aAoBO,IAAMA,CAAAA,CAAe,gHAUfC,CAAAA,CAAiB,6BAAA,CAKjBC,EAAsB,iEAAA,CAUtBC,CAAAA,CAAe,2BAKfC,CAAAA,CAAoB,8DAAA,CAQpBC,EAAsB,uJAAA,CAMtBC,CAAAA,CAAsB,6FAMtBC,CAAAA,CAAwB,+HAAA,CAMxBC,EAA6B,CAAA,EAAGH,CAAmB,CAAA,CAAA,EAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAqB,GAMnGE,CAAAA,CAAkB,kDAAA,CAWlBC,EAAuB,CAAA,EAAGV,CAAY,IAAIC,CAAc,CAAA,CAAA,EAAIE,CAAY,CAAA,CAAA,EAAIE,CAAmB,CAAA,CAAA,EAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAqB,GAQ/II,CAAAA,CAAsB,CAAA,EAAGX,CAAY,CAAA,CAAA,EAAIK,CAAmB,CAAA,CAAA,CAM5DO,CAAAA,CAAkB,6BC1FxB,IAAMC,EAAoB,CAC/B,2BAAA,CACA,sBACA,iCAAA,CACA,4BACF,EAMaC,CAAAA,CAAqB,CAChC,4BAAA,CACA,sBAAA,CACA,kCAAA,CACA,6BACF,EAMaC,CAAAA,CAAa,CACxB,qBACA,cAAA,CACA,0BACF,EAKaC,CAAAA,CAAkB,CAC7B,oBAAA,CACA,0BAAA,CACA,uCACF,CAAA,CASaC,EAAoB,CAC/B,8BAAA,CACA,qBACF,CAAA,CAKaC,CAAAA,CAAqB,CAChC,qCAAA,CACA,4BAAA,CACA,oCACF,CAAA,CASaC,CAAAA,CAAwB,CACnC,GAAI,SAAA,CACJ,OAAA,CAAS,UACT,EAAA,CAAI,WACN,EAKaC,CAAAA,CAAyB,CACpC,EAAA,CAAI,SAAA,CACJ,OAAA,CAAS,WAAA,CACT,GAAI,SACN,CAAA,CASaC,EAAmB,CAC9B,cAAA,CACA,cACF,CAAA,CAKaC,CAAAA,CAAoB,CAC/B,EAAA,CAAI,SAAA,CACJ,OAAA,CAAS,YACT,EAAA,CAAI,WACN,EAKaC,CAAAA,CAAgB,CAC3B,GAAI,KAAA,CACJ,OAAA,CAAS,MAAA,CACT,EAAA,CAAI,MACN,CAAA,CASaC,EAAqB,CAChC,MAAA,CACA,eACA,SAAA,CACA,sCACF,EAKaC,CAAAA,CAAuB,CAClC,MAAA,CACA,cAAA,CACA,SAAA,CACA,kCACF,EAKaC,CAAAA,CAAmB,CAC9B,0BACF,CAAA,CAKaC,CAAAA,CAAa,CACxB,aAAA,CACA,kCACF,CAAA,CAKaC,CAAAA,CAAqB,6EAAA,CASrBC,CAAAA,CAAuB,CAClC,4BAAA,CACA,2BAAA,CACA,4BACF,CAAA,CAKaC,CAAAA,CAAwB,CACnC,4BAAA,CACA,2BAAA,CACA,4BACF,CAAA,CAKaC,CAAAA,CAAiB,CAC5B,gCACA,4BACF,CAAA,CAKaC,EAAoB,CAC/B,mBAAA,CACA,cACF,CAAA,CAKaC,CAAAA,CAAkB,CAC7B,mBAAA,CACA,cACF,CAAA,CASaC,EAAe,CAC1B,0BAAA,CACA,uCACF,EASO,SAASC,KAAiBC,CAAAA,CAAkD,CACjF,OAAOA,CAAAA,CAAO,OAAA,CAAQC,CAAAA,EAAK,MAAM,OAAA,CAAQA,CAAC,EAAI,CAAC,GAAGA,CAAC,CAAA,CAAI,CAACA,CAAC,CAAC,CAC5D","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-background)]',\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-background)]',\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-background)]\";\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"]}