@skygraph/react 0.4.0 → 0.5.0

package/dist/tree.js

@@ -2,8 +2,8 @@ import {
   Tree,
   TreeSelect,
   useTree
-} from "./chunk-6SHHUUAE.js";
-import "./chunk-DRBAZI46.js";
+} from "./chunk-UO6VJC3C.js";
+import "./chunk-FSV73JI4.js";
 import "./chunk-2OCEO636.js";
 export {
   Tree,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skygraph/react",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "SkyGraph React adapter — hooks, components and UI",
   "license": "MIT",
   "type": "module",
@@ -72,7 +72,7 @@
     "skygraph"
   ],
   "dependencies": {
-    "@skygraph/styles": "0.1.0"
+    "@skygraph/styles": "0.2.0"
   },
   "peerDependencies": {
     "@skygraph/core": ">=0.1.0",

package/dist/chunk-DRBAZI46.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/Checkbox.tsx"],"sourcesContent":["import React from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, InteractiveProps } from '../../types'\nimport { Spin } from './Spin'\n\n/** Props for the Checkbox component. */\nexport interface CheckboxProps extends BaseComponentProps, InteractiveProps {\n  /** Controlled checked state. */\n  checked?: boolean\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean\n  /** Renders the native checkbox in indeterminate state. */\n  indeterminate?: boolean\n  /** Called when the checked state changes. */\n  onChange?: (checked: boolean) => void\n  /** Label content beside the control. */\n  children?: React.ReactNode\n}\n\n/** Labeled checkbox with indeterminate support and optional loading state. */\nexport function Checkbox({\n  checked,\n  defaultChecked,\n  disabled: disabledProp,\n  loading,\n  indeterminate,\n  onChange,\n  children,\n  className,\n  style,\n  unstyled,\n}: CheckboxProps) {\n  const config = useConfig()\n  const disabled = disabledProp ?? config.disabled ?? false\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate ?? false\n    }\n  }, [indeterminate])\n\n  const wrapperClass = unstyled\n    ? className ?? ''\n    : [\n        'sg-checkbox',\n        disabled || loading ? 'sg-checkbox-disabled' : '',\n        loading ? 'sg-checkbox-loading' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  return (\n    <label className={wrapperClass} style={style}>\n      <input\n        ref={inputRef}\n        type=\"checkbox\"\n        aria-checked={checked}\n        className={unstyled ? '' : 'sg-checkbox-input'}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled || loading}\n        onChange={(e) => onChange?.(e.target.checked)}\n      />\n      {children && (\n        <span className={unstyled ? '' : 'sg-checkbox-label'}>{children}</span>\n      )}\n      {loading && <Spin size=\"small\" unstyled={unstyled} />}\n    </label>\n  )\n}\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAuDd,SACE,KADF;AAnCG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,gBAAgB,OAAO,YAAY;AAEpD,QAAM,WAAW,MAAM,OAAyB,IAAI;AAEpD,QAAM,UAAU,MAAM;AACpB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,gBAAgB,iBAAiB;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,eAAe,WACjB,aAAa,KACb;AAAA,IACE;AAAA,IACA,YAAY,UAAU,yBAAyB;AAAA,IAC/C,UAAU,wBAAwB;AAAA,IAClC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEf,SACE,qBAAC,WAAM,WAAW,cAAc,OAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,WAAW,WAAW,KAAK;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,OAAO;AAAA;AAAA,IAC9C;AAAA,IACC,YACC,oBAAC,UAAK,WAAW,WAAW,KAAK,qBAAsB,UAAS;AAAA,IAEjE,WAAW,oBAAC,QAAK,MAAK,SAAQ,UAAoB;AAAA,KACrD;AAEJ;","names":[]}