kf-component-library 1.3.4 → 1.3.5

package/dist/main.cjs.js

@@ -164,7 +164,7 @@ You can add a description to the \`${_o}\` by passing a \`${Px}\` component as a
 
 Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${_o}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return h.useEffect(()=>{document.getElementById(e.current?.getAttribute("aria-describedby"))||console.warn(t)},[t,e]),null},SN=yx,CN=bx,EN=xx,PN=wx,MN=Sx,_N=_x,TN=Ox,ON=Ex,kN=Mx;const Ao=xt("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-md font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus:border-ring focus:ring-2 focus:ring-offset-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer border-2",{variants:{variant:{default:"bg-blue-700 text-blue-50 hover:bg-blue-800 focus-visible:ring-blue-700 focus:ring-blue-700 border-blue-700 hover:border-blue-800 focus:border-blue-700 focus-visible:border-blue-700 dark:focus-visible:ring-offset-blue-950 dark:focus:ring-offset-blue-950",destructive:"bg-red-700 text-red-50 hover:bg-red-800 focus-visible:ring-red-700 focus:ring-red-700 border-red-700 hover:border-red-800 focus:border-red-700 focus-visible:border-red-700 dark:focus-visible:ring-offset-red-950 dark:focus:ring-offset-red-950",outline:"bg-white text-blue-700 hover:text-blue-50 hover:border-blue-700 hover:bg-blue-700 focus-visible:ring-blue-700 focus:ring-blue-700 border-blue-700 hover:border-blue-700 focus:border-blue-700 focus-visible:border-blue-700 focus-visible:bg-blue-700 focus:bg-blue-700 focus:text-blue-50 focus-visible:text-blue-50 dark:focus-visible:ring-offset-blue-950 dark:focus:ring-offset-blue-950 dark:bg-transparent dark:text-blue-200 dark:border-blue-200 dark:focus-visible:ring-blue-200 dark:focus:ring-blue-200 dark:hover:bg-blue-200 dark:hover:text-blue-950 dark:focus-visible:bg-blue-200 dark:focus:bg-blue-200 dark:focus:text-blue-950 dark:focus-visible:text-blue-950",secondary:"bg-pink-700 text-pink-50 hover:bg-pink-800 focus-visible:ring-pink-700 focus:ring-pink-700 border-pink-700 hover:border-pink-800 focus:border-pink-700 focus-visible:border-pink-700 dark:focus-visible:ring-offset-pink-950 dark:focus:ring-offset-pink-950",ghost:"hover:bg-grey-200 hover:text-grey-950 border-none focus:ring-grey-200 focus-visible:ring-grey-200 focus-visible:bg-grey-200 focus:bg-grey-200 focus:text-grey-950 focus-visible:text-grey-950 dark:hover:bg-grey-700 dark:hover:text-grey-50 dark:focus:ring-grey-700 dark:focus-visible:ring-grey-700 dark:focus-visible:bg-grey-700 dark:focus:bg-grey-700 dark:focus:text-grey-50 dark:focus-visible:text-grey-50 dark:focus-visible:ring-offset-grey-950 dark:focus:ring-offset-grey-950",link:"text-primary underline-offset-4 hover:underline border-none bg-transparent focus:ring-transparent focus-visible:ring-transparent focus:ring-offset-transparent focus-visible:ring-offset-transparent focus:underline focus-visible:underline"},size:{default:"h-11 px-4 py-2 has-[>svg]:px-3",sm:"h-9 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-12 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"},shape:{default:"rounded-full",square:"rounded-md"}},defaultVariants:{variant:"default",size:"default"}});function Nn({className:e,variant:t,size:n,shape:r,asChild:o=!1,...a}){const i=o?ai:"button";return p.jsx(i,{"data-slot":"button",className:O(Ao({variant:t,size:n,shape:r,className:e})),...a})}function AN({...e}){return p.jsx(SN,{"data-slot":"alert-dialog",...e})}function NN({...e}){return p.jsx(CN,{"data-slot":"alert-dialog-trigger",...e})}function DN({...e}){return p.jsx(EN,{"data-slot":"alert-dialog-portal",...e})}function RN({className:e,...t}){return p.jsx(PN,{"data-slot":"alert-dialog-overlay",className:O("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}function IN({className:e,...t}){return p.jsxs(DN,{children:[p.jsx(RN,{}),p.jsx(MN,{"data-slot":"alert-dialog-content",className:O("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...t})]})}function jN({className:e,...t}){return p.jsx("div",{"data-slot":"alert-dialog-header",className:O("flex flex-col gap-2 text-center sm:text-left",e),...t})}function $N({className:e,...t}){return p.jsx("div",{"data-slot":"alert-dialog-footer",className:O("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}function LN({className:e,...t}){return p.jsx(ON,{"data-slot":"alert-dialog-title",className:O("text-xl font-semibold m-0",e),...t})}function FN({className:e,...t}){return p.jsx(kN,{"data-slot":"alert-dialog-description",className:O("text-muted-foreground text-sm",e),...t})}function zN({className:e,...t}){return p.jsx(_N,{className:O(Ao(),e),...t})}function BN({className:e,...t}){return p.jsx(TN,{className:O(Ao({variant:"outline"}),e),...t})}var WN="AspectRatio",kx=h.forwardRef((e,t)=>{const{ratio:n=1/1,style:r,...o}=e;return p.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/n}%`},"data-radix-aspect-ratio-wrapper":"",children:p.jsx(ee.div,{...o,ref:t,style:{...r,position:"absolute",top:0,right:0,bottom:0,left:0}})})});kx.displayName=WN;var HN=kx;function UN({...e}){return p.jsx(HN,{"data-slot":"aspect-ratio",...e})}function ao(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qi={exports:{}},Ul={};/**
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return h.useEffect(()=>{document.getElementById(e.current?.getAttribute("aria-describedby"))||console.warn(t)},[t,e]),null},SN=yx,CN=bx,EN=xx,PN=wx,MN=Sx,_N=_x,TN=Ox,ON=Ex,kN=Mx;const Ao=xt("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-md font-medium  disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus:border-ring focus:ring-2 focus:ring-offset-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer border-2",{variants:{variant:{default:"bg-blue-700 text-blue-50 hover:bg-blue-800 focus-visible:ring-blue-700 focus:ring-blue-700 border-blue-700 hover:border-blue-800 focus:border-blue-700 focus-visible:border-blue-700 dark:focus-visible:ring-offset-blue-950 dark:focus:ring-offset-blue-950",destructive:"bg-red-700 text-red-50 hover:bg-red-800 focus-visible:ring-red-700 focus:ring-red-700 border-red-700 hover:border-red-800 focus:border-red-700 focus-visible:border-red-700 dark:focus-visible:ring-offset-red-950 dark:focus:ring-offset-red-950",outline:"bg-white text-blue-700 hover:text-blue-50 hover:border-blue-700 hover:bg-blue-700 focus-visible:ring-blue-700 focus:ring-blue-700 border-blue-700 hover:border-blue-700 focus:border-blue-700 focus-visible:border-blue-700 focus-visible:bg-blue-700 focus:bg-blue-700 focus:text-blue-50 focus-visible:text-blue-50 dark:focus-visible:ring-offset-blue-950 dark:focus:ring-offset-blue-950 dark:bg-transparent dark:text-blue-200 dark:border-blue-200 dark:focus-visible:ring-blue-200 dark:focus:ring-blue-200 dark:hover:bg-blue-200 dark:hover:text-blue-950 dark:focus-visible:bg-blue-200 dark:focus:bg-blue-200 dark:focus:text-blue-950 dark:focus-visible:text-blue-950",secondary:"bg-pink-700 text-pink-50 hover:bg-pink-800 focus-visible:ring-pink-700 focus:ring-pink-700 border-pink-700 hover:border-pink-800 focus:border-pink-700 focus-visible:border-pink-700 dark:focus-visible:ring-offset-pink-950 dark:focus:ring-offset-pink-950",ghost:"hover:bg-grey-200 hover:text-grey-950 border-none focus:ring-grey-200 focus-visible:ring-grey-200 focus-visible:bg-grey-200 focus:bg-grey-200 focus:text-grey-950 focus-visible:text-grey-950 dark:hover:bg-grey-700 dark:hover:text-grey-50 dark:focus:ring-grey-700 dark:focus-visible:ring-grey-700 dark:focus-visible:bg-grey-700 dark:focus:bg-grey-700 dark:focus:text-grey-50 dark:focus-visible:text-grey-50 dark:focus-visible:ring-offset-grey-950 dark:focus:ring-offset-grey-950",link:"text-primary underline-offset-4 hover:underline border-none bg-transparent focus:ring-transparent focus-visible:ring-transparent focus:ring-offset-transparent focus-visible:ring-offset-transparent focus:underline focus-visible:underline"},size:{default:"h-11 px-4 py-2 has-[>svg]:px-3",sm:"h-9 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-12 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"},shape:{default:"rounded-full",square:"rounded-md"}},defaultVariants:{variant:"default",size:"default"}});function Nn({className:e,variant:t,size:n,shape:r,asChild:o=!1,...a}){const i=o?ai:"button";return p.jsx(i,{"data-slot":"button",className:O(Ao({variant:t,size:n,shape:r,className:e})),...a})}function AN({...e}){return p.jsx(SN,{"data-slot":"alert-dialog",...e})}function NN({...e}){return p.jsx(CN,{"data-slot":"alert-dialog-trigger",...e})}function DN({...e}){return p.jsx(EN,{"data-slot":"alert-dialog-portal",...e})}function RN({className:e,...t}){return p.jsx(PN,{"data-slot":"alert-dialog-overlay",className:O("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}function IN({className:e,...t}){return p.jsxs(DN,{children:[p.jsx(RN,{}),p.jsx(MN,{"data-slot":"alert-dialog-content",className:O("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...t})]})}function jN({className:e,...t}){return p.jsx("div",{"data-slot":"alert-dialog-header",className:O("flex flex-col gap-2 text-center sm:text-left",e),...t})}function $N({className:e,...t}){return p.jsx("div",{"data-slot":"alert-dialog-footer",className:O("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}function LN({className:e,...t}){return p.jsx(ON,{"data-slot":"alert-dialog-title",className:O("text-xl font-semibold m-0",e),...t})}function FN({className:e,...t}){return p.jsx(kN,{"data-slot":"alert-dialog-description",className:O("text-muted-foreground text-sm",e),...t})}function zN({className:e,...t}){return p.jsx(_N,{className:O(Ao(),e),...t})}function BN({className:e,...t}){return p.jsx(TN,{className:O(Ao({variant:"outline"}),e),...t})}var WN="AspectRatio",kx=h.forwardRef((e,t)=>{const{ratio:n=1/1,style:r,...o}=e;return p.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/n}%`},"data-radix-aspect-ratio-wrapper":"",children:p.jsx(ee.div,{...o,ref:t,style:{...r,position:"absolute",top:0,right:0,bottom:0,left:0}})})});kx.displayName=WN;var HN=kx;function UN({...e}){return p.jsx(HN,{"data-slot":"aspect-ratio",...e})}function ao(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qi={exports:{}},Ul={};/**
  * @license React
  * use-sync-external-store-shim.production.js
  *

package/dist/main.es.js

@@ -4998,7 +4998,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
   }, [t, e]), null;
 }, eN = kw, tN = Nw, nN = Dw, rN = Rw, oN = Iw, aN = zw, iN = Ww, sN = Lw, cN = jw;
 const Wo = Pt(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-md font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus:border-ring focus:ring-2 focus:ring-offset-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer border-2",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-md font-medium  disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus:border-ring focus:ring-2 focus:ring-offset-2 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer border-2",
   {
     variants: {
       variant: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kf-component-library",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "type": "module",
   "sideEffects": false,
   "files": [