@misael703/ui 1.56.0 → 1.57.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@misael703/ui",
-  "version": "1.56.0",
+  "version": "1.57.0",
   "description": "Generic React + TypeScript UI kit, optimized for Next.js. Tokens, accessible components, runtime-configurable theming via presets.",
   "author": "Misael Ocas <misael.ocas@gmail.com>",
   "license": "MIT",

package/dist/chunk-2UV37SEN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Collapsible.tsx"],"names":["Collapsible","CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;AAWA,IAAM,kBAAA,GAA2B,oBAA8C,IAAI,CAAA;AAQ5E,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA,CAA6C,SAASA,YAAAA,CACrF,EAAE,IAAA,EAAM,QAAA,EAAU,WAAA,GAAc,KAAA,EAAO,cAAc,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IAC7E,GAAA,EACA;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAAS,WAAW,CAAA;AAC1D,EAAA,MAAM,eAAe,QAAA,KAAa,MAAA;AAClC,EAAA,MAAM,IAAA,GAAO,eAAe,QAAA,GAAW,QAAA;AACvC,EAAA,MAAM,UAAgB,KAAA,CAAA,KAAA,EAAM;AAC5B,EAAA,MAAM,GAAA,GAAY,KAAA,CAAA,OAAA;AAAA,IAChB,OAAO,EAAE,SAAA,EAAW,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAA,EAAI,SAAA,EAAW,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAA,EAAG,CAAA;AAAA,IAClG,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,MAAM,OAAO,CAAC,IAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,WAAA,CAAY,IAAI,CAAA;AACnC,IAAA,YAAA,GAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAAQ,GAAG,GAAA,EAAI,EACzD,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,aAAA,EAAe,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,MACzD,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC3B,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAC;AAEM,IAAM,kBAAA,GAA2B,KAAA,CAAA,UAAA;AAAA,EACtC,SAASC,oBAAmB,EAAE,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAC1E,IAAA,MAAM,GAAA,GAAY,iBAAW,kBAAkB,CAAA;AAC/C,IAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,wDAAwD,CAAA;AAClF,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,IAAI,GAAA,CAAI,SAAA;AAAA,QACR,iBAAe,GAAA,CAAI,IAAA;AAAA,QACnB,iBAAe,GAAA,CAAI,SAAA;AAAA,QACnB,YAAA,EAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS,QAAA;AAAA,QAChC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,QAC/C,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,GAAA,CAAI,MAAA,EAAO;AACX,UAAA,OAAA,GAAU,CAAC,CAAA;AAAA,QACb,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAA,GAA2B,KAAA,CAAA,UAAA;AAAA,EACtC,SAASC,oBAAmB,EAAE,SAAA,EAAW,UAAU,GAAG,IAAA,IAAQ,GAAA,EAAK;AACjE,IAAA,MAAM,GAAA,GAAY,iBAAW,kBAAkB,CAAA;AAC/C,IAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,wDAAwD,CAAA;AAClF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAI,GAAA,CAAI,SAAA;AAAA,QACR,IAAA,EAAK,QAAA;AAAA,QACL,mBAAiB,GAAA,CAAI,SAAA;AAAA,QACrB,YAAA,EAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS,QAAA;AAAA,QAChC,MAAA,EAAQ,CAAC,GAAA,CAAI,IAAA,IAAQ,MAAA;AAAA,QACrB,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,QAC9C,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-2UV37SEN.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(null);\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest },\n  ref\n) {\n  const [internal, setInternal] = React.useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internal;\n  const reactId = React.useId();\n  const ids = React.useMemo(\n    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),\n    [reactId]\n  );\n\n  const toggle = () => {\n    const next = !open;\n    if (!isControlled) setInternal(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <CollapsibleContext.Provider value={{ open, toggle, ...ids }}>\n      <div\n        ref={ref}\n        className={cx('collapsible', open && 'is-open', className)}\n        data-state={open ? 'open' : 'closed'}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n});\n\nexport const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(\n  function CollapsibleTrigger({ className, children, onClick, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleTrigger> must be used inside <Collapsible>');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        id={ctx.triggerId}\n        aria-expanded={ctx.open}\n        aria-controls={ctx.contentId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        className={cx('collapsible__trigger', className)}\n        onClick={(e) => {\n          ctx.toggle();\n          onClick?.(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const CollapsibleContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CollapsibleContent({ className, children, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleContent> must be used inside <Collapsible>');\n    return (\n      <div\n        ref={ref}\n        id={ctx.contentId}\n        role=\"region\"\n        aria-labelledby={ctx.triggerId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        hidden={!ctx.open || undefined}\n        className={cx('collapsible__content', className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-AWYCGJJX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Collapsible.tsx"],"names":["React","Collapsible","jsx","cx","CollapsibleTrigger","CollapsibleContent"],"mappings":"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","file":"chunk-AWYCGJJX.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(null);\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest },\n  ref\n) {\n  const [internal, setInternal] = React.useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internal;\n  const reactId = React.useId();\n  const ids = React.useMemo(\n    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),\n    [reactId]\n  );\n\n  const toggle = () => {\n    const next = !open;\n    if (!isControlled) setInternal(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <CollapsibleContext.Provider value={{ open, toggle, ...ids }}>\n      <div\n        ref={ref}\n        className={cx('collapsible', open && 'is-open', className)}\n        data-state={open ? 'open' : 'closed'}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n});\n\nexport const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(\n  function CollapsibleTrigger({ className, children, onClick, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleTrigger> must be used inside <Collapsible>');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        id={ctx.triggerId}\n        aria-expanded={ctx.open}\n        aria-controls={ctx.contentId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        className={cx('collapsible__trigger', className)}\n        onClick={(e) => {\n          ctx.toggle();\n          onClick?.(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const CollapsibleContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CollapsibleContent({ className, children, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleContent> must be used inside <Collapsible>');\n    return (\n      <div\n        ref={ref}\n        id={ctx.contentId}\n        role=\"region\"\n        aria-labelledby={ctx.triggerId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        hidden={!ctx.open || undefined}\n        className={cx('collapsible__content', className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"]}