@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

package/dist/esm/hooks/use-live-announcer.js

@@ -0,0 +1,10 @@
+import*as n from"react";function o(){return n.useEffect(()=>{let e=document.getElementById("rt-live-announcer");return e||(e=document.createElement("div"),e.id="rt-live-announcer",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.style.cssText=`
+        position: absolute;
+        left: -10000px;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+      `,document.body.appendChild(e)),()=>{e&&!e.hasChildNodes()&&e.remove()}},[]),n.useCallback(e=>{const t=document.getElementById("rt-live-announcer");t&&(t.textContent="",setTimeout(()=>{t.textContent=e},100))},[])}export{o as useLiveAnnouncer};
+//# sourceMappingURL=use-live-announcer.js.map

package/dist/esm/hooks/use-live-announcer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-live-announcer.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('rt-live-announcer');\n    \n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'rt-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    return () => {\n      // Clean up on unmount if no other components are using it\n      if (liveRegion && !liveRegion.hasChildNodes()) {\n        liveRegion.remove();\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('rt-live-announcer');\n    if (liveRegion) {\n      // Clear previous announcements\n      liveRegion.textContent = '';\n      \n      // Add new announcement with a small delay to ensure it's announced\n      setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n} "],
+  "mappings": "AAAA,UAAYA,MAAW,QAMhB,SAASC,GAAmB,CAGjC,OAAAD,EAAM,UAAU,IAAM,CACpB,IAAIE,EAAa,SAAS,eAAe,mBAAmB,EAE5D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,oBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAG/B,IAAM,CAEPA,GAAc,CAACA,EAAW,cAAc,GAC1CA,EAAW,OAAO,CAEtB,CACF,EAAG,CAAC,CAAC,EAEYF,EAAM,YAAaG,GAAoB,CACtD,MAAMD,EAAa,SAAS,eAAe,mBAAmB,EAC1DA,IAEFA,EAAW,YAAc,GAGzB,WAAW,IAAM,CACfA,EAAW,YAAcC,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
+  "names": ["React", "useLiveAnnouncer", "liveRegion", "message"]
+}

package/dist/esm/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components/index.js';
+export * from './hooks/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export*from"./components/index.js";
+export*from"./components/index.js";export*from"./hooks/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/index.js';\n"],
-  "mappings": "AAAA,WAAc",
+  "sourcesContent": ["export * from './components/index.js';\nexport * from './hooks/index.js';\n"],
+  "mappings": "AAAA,WAAc,wBACd,WAAc",
   "names": []
 }

package/dist/esm/props/weight.prop.d.ts

@@ -2,7 +2,7 @@ declare const weightPropDef: {
     weight: {
         type: "enum";
         className: string;
-        values: readonly ["light", "regular", "medium", "bold"];
+        values: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold"];
         responsive: true;
     };
 };

package/dist/esm/props/weight.prop.js

@@ -1,2 +1,2 @@
-const e=["light","regular","medium","bold"],t={weight:{type:"enum",className:"rt-r-weight",values:e,responsive:!0}};export{t as weightPropDef};
+const e=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],t={weight:{type:"enum",className:"rt-r-weight",values:e,responsive:!0}};export{t as weightPropDef};
 //# sourceMappingURL=weight.prop.js.map

package/dist/esm/props/weight.prop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/props/weight.prop.ts"],
-  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst weights = ['light', 'regular', 'medium', 'bold'] as const;\n\nconst weightPropDef = {\n  weight: {\n    type: 'enum',\n    className: 'rt-r-weight',\n    values: weights,\n    responsive: true,\n  },\n} satisfies {\n  weight: PropDef<(typeof weights)[number]>;\n};\n\nexport { weightPropDef };\n"],
-  "mappings": "AAEA,MAAMA,EAAU,CAAC,QAAS,UAAW,SAAU,MAAM,EAE/CC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,UAAW,cACX,OAAQD,EACR,WAAY,EACd,CACF",
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst weights = ['thin', 'extralight', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold'] as const;\n\nconst weightPropDef = {\n  weight: {\n    type: 'enum',\n    className: 'rt-r-weight',\n    values: weights,\n    responsive: true,\n  },\n} satisfies {\n  weight: PropDef<(typeof weights)[number]>;\n};\n\nexport { weightPropDef };\n"],
+  "mappings": "AAEA,MAAMA,EAAU,CAAC,OAAQ,aAAc,QAAS,UAAW,SAAU,WAAY,OAAQ,WAAW,EAE9FC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,UAAW,cACX,OAAQD,EACR,WAAY,EACd,CACF",
   "names": ["weights", "weightPropDef"]
 }

package/layout/components.css

@@ -138,6 +138,7 @@
     align-items: center;
     flex-shrink: 0;
     flex-grow: 1;
+    min-width: 0;
 }
 .rt-ContainerInner {
     width: 100%;

package/layout.css

@@ -162,6 +162,7 @@
     align-items: center;
     flex-shrink: 0;
     flex-grow: 1;
+    min-width: 0;
 }
 .rt-ContainerInner {
     width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
   "keywords": [
     "react",
@@ -119,6 +119,7 @@
   "dependencies": {
     "@radix-ui/colors": "^3.0.0",
     "classnames": "^2.3.2",
+    "geist": "^1.4.2",
     "radix-ui": "^1.1.3",
     "react-remove-scroll-bar": "^2.3.8"
   },