@clubmed/trident-ui 2.0.0-alpha.27 → 2.0.0-alpha.29

package/examples/checkbox-demo.js

@@ -1,14 +1,27 @@
 "use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Checkbox as r } from "../ui/forms/checkboxes/Checkbox.js";
-function s() {
-  return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(r, { name: "demo", value: "demo-value", children: "Basic checkbox" }),
-    /* @__PURE__ */ e(
-      r,
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import { Checkbox as o } from "../ui/forms/checkboxes/Checkbox.js";
+import { useState as r } from "react";
+function l() {
+  const [a, t] = r(!1), [s, h] = r(!1);
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ c(
+      o,
+      {
+        name: "demo",
+        value: "demo-value",
+        checked: a,
+        onChange: (e) => t(e.target.checked),
+        children: "Basic checkbox"
+      }
+    ),
+    /* @__PURE__ */ c(
+      o,
       {
         name: "demo2",
         value: "demo-value2",
+        checked: s,
+        onChange: (e) => h(e.target.checked),
         validationStatus: "error",
         errorMessage: "This is an error",
         children: "Checkbox with error"
@@ -17,6 +30,6 @@ function s() {
   ] });
 }
 export {
-  s as default
+  l as default
 };
 //# sourceMappingURL=checkbox-demo.js.map

package/examples/checkbox-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-demo.js","sources":["../../lib/examples/checkbox-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxDemo() {\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox name=\"demo\" value=\"demo-value\">\n        Basic checkbox\n      </Checkbox>\n      <Checkbox\n        name=\"demo2\"\n        value=\"demo-value2\"\n        validationStatus=\"error\"\n        errorMessage=\"This is an error\"\n      >\n        Checkbox with error\n      </Checkbox>\n    </div>\n  );\n}\n"],"names":["CheckboxDemo","jsxs","jsx","Checkbox"],"mappings":";;;AAIA,SAAwBA,IAAe;AACrC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,MAAK,QAAO,OAAM,cAAa,UAAA,kBAEzC;AAAA,IACA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,kBAAiB;AAAA,QACjB,cAAa;AAAA,QACd,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}
+{"version":3,"file":"checkbox-demo.js","sources":["../../lib/examples/checkbox-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\nimport { useState } from 'react';\n\nexport default function CheckboxDemo() {\n  const [checked1, setChecked1] = useState(false);\n  const [checked2, setChecked2] = useState(false);\n\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox\n        name=\"demo\"\n        value=\"demo-value\"\n        checked={checked1}\n        onChange={(e) => setChecked1(e.target.checked)}\n      >\n        Basic checkbox\n      </Checkbox>\n      <Checkbox\n        name=\"demo2\"\n        value=\"demo-value2\"\n        checked={checked2}\n        onChange={(e) => setChecked2(e.target.checked)}\n        validationStatus=\"error\"\n        errorMessage=\"This is an error\"\n      >\n        Checkbox with error\n      </Checkbox>\n    </div>\n  );\n}\n"],"names":["CheckboxDemo","checked1","setChecked1","useState","checked2","setChecked2","jsxs","jsx","Checkbox"],"mappings":";;;;AAKA,SAAwBA,IAAe;AACrC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK;AAE9C,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASP;AAAA,QACT,UAAU,CAAC,MAAMC,EAAY,EAAE,OAAO,OAAO;AAAA,QAC9C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASJ;AAAA,QACT,UAAU,CAAC,MAAMC,EAAY,EAAE,OAAO,OAAO;AAAA,QAC7C,kBAAiB;AAAA,QACjB,cAAa;AAAA,QACd,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}

package/examples/choice-expander-demo.d.ts

@@ -0,0 +1 @@
+export default function ChoiceExpanderDemo(): import("react/jsx-runtime").JSX.Element;