@cyberskill/design 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk-JN57OITY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/overlays/Drawer.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\nimport { cx } from \"../_utils/cx.js\";\nimport { overlaySurfaceClass, useOverlaySurface } from \"../_utils/use-overlay-surface.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"./OverlayManager.jsx\";\n\n/** CyberSkill Drawer — slide-in side panel with scrim. side: right (default) | left. */\nexport const Drawer = React.forwardRef(function Drawer({ open, onClose, title, side = \"right\", children, actions, lang, className, rootProps }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const titleId = React.useId();\n  const hasTitle = Boolean(title) || title === 0;\n  const panel = React.useRef(null);\n  const mergedNativeRef = useComposedRefs(panel, ref, forwardedRef);\n  const body = React.useRef(null);\n  const [bodyScrollable, setBodyScrollable] = React.useState(false);\n  const backdrop = React.useRef(null);\n  const material = overlaySurfaceClass(className);\n  const surface = useOverlaySurface(!!open, panel, material);\n  // Surface readiness must precede the first layout read; otherwise measuring\n  // overflow can start an unready backdrop-filter transition in nested modals.\n  useClientLayoutEffect(() => {\n    const el = body.current;\n    if (!open || !el) return;\n    const measure = () => setBodyScrollable(el.scrollHeight > el.clientHeight + 1 || el.scrollWidth > el.clientWidth + 1);\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(el);\n    for (const child of el.children) observer.observe(child);\n    return () => observer.disconnect();\n  }, [open, children]);\n  const closeRef = React.useRef(onClose);\n  closeRef.current = onClose;\n\n  const { scope } = useOverlayLayer({\n    open: !!open,\n    kind: \"modal\",\n    trapFocus: true,\n    onEscape: () => closeRef.current && closeRef.current(),\n    panelRef: panel,\n    backdropRef: backdrop,\n  });\n\n  const t = makeT(\"Drawer\", L, localeMessages);\n  if (!open) return null;\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <>\n      <div ref={backdrop} className=\"cs-drawer-scrim\" onClick={onClose} aria-hidden=\"true\" />\n      {material ? <div ref={surface} className={cx(\"cs-overlay-surface\", material)} aria-hidden=\"true\" /> : null}\n      <div\n        {...mergeTargetProps({ className: cx(\"cs-drawer\", side === \"left\" && \"cs-drawer--left\", className) }, rootProps, [\"role\", \"tabIndex\", \"aria-modal\", \"aria-labelledby\", \"aria-label\", \"data-cs-overlay-material\"])}\n        ref={mergedNativeRef}\n        data-cs-overlay-material={material || undefined}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={hasTitle ? titleId : undefined}\n        aria-label={hasTitle ? undefined : t(\"panel\")}\n      >\n        <div className=\"cs-drawer__header\">\n          {hasTitle ? <h2 id={titleId} className=\"cs-drawer__title\">{title}</h2> : null}\n          <button type=\"button\" className=\"cs-drawer__close\" aria-label={t(\"close\")} onClick={onClose}>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\" /></svg>\n          </button>\n        </div>\n        <div ref={body} className=\"cs-drawer__body\" tabIndex={bodyScrollable ? 0 : undefined}>{children}</div>\n        {(actions || actions === 0) ? <div className=\"cs-drawer__footer\">{actions}</div> : null}\n      </div>\n    </>\n    </overlayScopeContext.Provider>\n  );\n});\nDrawer.displayName = \"Drawer\";\n"],
-  "mappings": "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",
-  "names": ["Drawer"]
-}

package/dist/esm/chunks/chunk-UFE32JPH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/feedback/Alert.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { cx } from \"../_utils/cx.js\";\n\nconst PATHS = {\n  info: \"M12 8h.01M11 12h1v4h1 M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z\",\n  success: \"M4 12.5l5 5 11-11\",\n  warning: \"M12 3l9 16H3z M12 10v4 M12 17h.01\",\n  danger: \"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M9 9l6 6 M15 9l-6 6\",\n};\nfunction DefaultIcon({ variant }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d={PATHS[variant] || PATHS.info} />\n    </svg>\n  );\n}\n\n/** CyberSkill Alert — inline banner. variant: info | success | warning | danger. */\nexport const Alert = React.forwardRef(function Alert({ variant = \"info\", title, icon, children, onDismiss, lang, className, ...props }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const t = makeT(\"Alert\", L, localeMessages);\n  return (\n    <div ref={mergedNativeRef} role=\"status\" className={cx(\"cs-alert\", `cs-alert--${variant}`, className)} {...props}>\n      <span className=\"cs-alert__icon\">{icon ?? <DefaultIcon variant={variant} />}</span>\n      <div>\n        {(title || title === 0) ? <p className=\"cs-alert__title\">{title}</p> : null}\n        {(children || children === 0) ? <div className=\"cs-alert__body\">{children}</div> : null}\n      </div>\n      {onDismiss ? (\n        <button type=\"button\" className=\"cs-alert__dismiss\" aria-label={t(\"dismiss\")} onClick={onDismiss}>×</button>\n      ) : null}\n    </div>\n  );\n});\nAlert.displayName = \"Alert\";\n"],
-  "mappings": ";;;;;;;;;;;;;AACA,OAAO,WAAW;AAIlB,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AACA,SAAS,YAAY,EAAE,QAAQ,GAAG;AAChC,SACE,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAC3J,oCAAC,UAAK,GAAG,MAAM,OAAO,KAAK,MAAM,MAAM,CACzC;AAEJ;AAGO,IAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,EAAE,UAAU,QAAQ,OAAO,MAAM,UAAU,WAAW,MAAM,WAAW,GAAG,MAAM,GAAG,cAAc;AACpJ,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,QAAM,IAAI,MAAM,SAAS,GAAG,cAAc;AAC1C,SACE,oCAAC,SAAI,KAAK,iBAAiB,MAAK,UAAS,WAAW,GAAG,YAAY,aAAa,OAAO,IAAI,SAAS,GAAI,GAAG,SACzG,oCAAC,UAAK,WAAU,oBAAkB,QAAQ,oCAAC,eAAY,SAAkB,CAAG,GAC5E,oCAAC,aACG,SAAS,UAAU,IAAK,oCAAC,OAAE,WAAU,qBAAmB,KAAM,IAAO,MACrE,YAAY,aAAa,IAAK,oCAAC,SAAI,WAAU,oBAAkB,QAAS,IAAS,IACrF,GACC,YACC,oCAAC,YAAO,MAAK,UAAS,WAAU,qBAAoB,cAAY,EAAE,SAAS,GAAG,SAAS,aAAW,GAAC,IACjG,IACN;AAEJ,CAAC;AACD,MAAM,cAAc;",
-  "names": ["Alert"]
-}