@webiny/admin-ui 6.0.0-alpha.0

package/Switch/primitives/SwitchPrimitive.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { Switch as SwitchPrimitives } from "radix-ui";
+import { cn, cva, makeDecoratable } from "../../utils";
+import { Label } from "../../Label";
+import { useSwitch } from "./useSwitch";
+/**
+ * Switch Renderer
+ */
+
+const switchVariants = cva("wby-inline-flex wby-items-start wby-space-x-sm", {
+  variants: {
+    labelPosition: {
+      start: "",
+      end: "wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse"
+    }
+  },
+  defaultVariants: {
+    labelPosition: "start"
+  }
+});
+const SwitchRenderer = ({
+  id,
+  label,
+  changeChecked,
+  description,
+  className,
+  labelPosition,
+  disabled,
+  required,
+  checked
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(switchVariants({
+      labelPosition
+    }), className)
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    text: label,
+    disabled: disabled,
+    required: required,
+    hint: description,
+    weight: "light",
+    className: "wby-text-md"
+  }), /*#__PURE__*/React.createElement(SwitchPrimitives.Root, {
+    id: id,
+    checked: checked,
+    className: cn(["wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors", "wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong", "focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed", "disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted"]),
+    disabled: disabled,
+    onCheckedChange: changeChecked
+  }, /*#__PURE__*/React.createElement(SwitchPrimitives.Thumb, {
+    className: cn("wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs")
+  })));
+};
+
+/**
+ * Switch
+ */
+const DecoratableSwitchPrimitive = props => {
+  const {
+    vm,
+    changeChecked
+  } = useSwitch(props);
+  if (!vm.item) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(SwitchRenderer, Object.assign({}, props, vm.item, {
+    changeChecked: changeChecked
+  }));
+};
+const SwitchPrimitive = makeDecoratable("SwitchPrimitive", DecoratableSwitchPrimitive);
+export { SwitchPrimitive };
+
+//# sourceMappingURL=SwitchPrimitive.js.map

package/Switch/primitives/SwitchPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","SwitchPrimitives","cn","cva","makeDecoratable","Label","useSwitch","switchVariants","variants","labelPosition","start","end","defaultVariants","SwitchRenderer","id","label","changeChecked","description","className","disabled","required","checked","createElement","htmlFor","text","hint","weight","Root","onCheckedChange","Thumb","DecoratableSwitchPrimitive","props","vm","item","Object","assign","SwitchPrimitive"],"sources":["SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { Label } from \"~/Label\";\nimport { useSwitch } from \"./useSwitch\";\nimport { SwitchItemDto, SwitchItemFormatted } from \"../domains\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"wby-inline-flex wby-items-start wby-space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"wby-flex-row-reverse wby-space-x-sm-extra wby-space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"wby-text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"wby-peer wby-inline-flex wby-h-md wby-w-[26px] wby-mt-xxs wby-shrink-0 wby-cursor-pointer wby-items-center wby-rounded-xxl wby-border-sm wby-transition-colors\",\n                    \"wby-border-transparent data-[state=checked]:wby-bg-secondary-default data-[state=unchecked]:wby-bg-neutral-strong\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-success-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed\",\n                    \"disabled:wby-cursor-not-allowed disabled:wby-bg-neutral-muted disabled:data-[state=checked]:wby-bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"wby-pointer-events-none wby-block wby-h-sm-plus wby-w-sm-plus wby-rounded-xxl wby-bg-neutral-base wby-shadow-lg wby-ring-0 wby-transition-transform data-[state=checked]:wby-translate-x-sm-extra data-[state=unchecked]:wby-translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,KAAK;AACd,SAASC,SAAS;AAGlB;AACA;AACA;;AAEA,MAAMC,cAAc,GAAGJ,GAAG,CAAC,gDAAgD,EAAE;EACzEK,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACT;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAqBF,MAAMI,cAAc,GAAGA,CAAC;EACpBC,EAAE;EACFC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,SAAS;EACTT,aAAa;EACbU,QAAQ;EACRC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,oBACItB,KAAA,CAAAuB,aAAA;IAAKJ,SAAS,EAAEhB,EAAE,CAACK,cAAc,CAAC;MAAEE;IAAc,CAAC,CAAC,EAAES,SAAS;EAAE,gBAC7DnB,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IACFkB,OAAO,EAAET,EAAG;IACZU,IAAI,EAAET,KAAM;IACZI,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBK,IAAI,EAAER,WAAY;IAClBS,MAAM,EAAE,OAAQ;IAChBR,SAAS,EAAE;EAAc,CAC5B,CAAC,eACFnB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC0B,IAAI;IAClBb,EAAE,EAAEA,EAAG;IACPO,OAAO,EAAEA,OAAQ;IACjBH,SAAS,EAAEhB,EAAE,CAAC,CACV,gKAAgK,EAChK,mHAAmH,EACnH,yIAAyI,EACzI,kHAAkH,CACrH,CAAE;IACHiB,QAAQ,EAAEA,QAAS;IACnBS,eAAe,EAAEZ;EAAc,gBAE/BjB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB,CAAC4B,KAAK;IACnBX,SAAS,EAAEhB,EAAE,CACT,8OACJ;EAAE,CACL,CACkB,CACtB,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,0BAA0B,GAAIC,KAA2B,IAAK;EAChE,MAAM;IAAEC,EAAE;IAAEhB;EAAc,CAAC,GAAGV,SAAS,CAACyB,KAAK,CAAC;EAE9C,IAAI,CAACC,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOlC,KAAA,CAAAuB,aAAA,CAACT,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KAAKJ,KAAK,EAAMC,EAAE,CAACC,IAAI;IAAEjB,aAAa,EAAEA;EAAc,EAAE,CAAC;AACnF,CAAC;AACD,MAAMoB,eAAe,GAAGhC,eAAe,CAAC,iBAAiB,EAAE0B,0BAA0B,CAAC;AAEtF,SAASM,eAAe","ignoreList":[]}

package/Switch/primitives/SwitchPrimitive.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SwitchPrimitive } from "./SwitchPrimitive";
+declare const meta: Meta<typeof SwitchPrimitive>;
+export default meta;
+type Story = StoryObj<typeof SwitchPrimitive>;
+export declare const Default: Story;
+export declare const WithLeadingLabel: Story;
+export declare const WithLongLeadingLabel: Story;
+export declare const WithTrailingLabel: Story;
+export declare const WithLongTrailingLabel: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;

package/Switch/primitives/SwitchPrimitive.stories.js

@@ -0,0 +1,59 @@
+import React, { useState } from "react";
+import { SwitchPrimitive } from "./SwitchPrimitive";
+const meta = {
+  title: "Components/Form Primitives/Switch",
+  component: SwitchPrimitive,
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [checked, setChecked] = useState(args.checked);
+    return /*#__PURE__*/React.createElement(SwitchPrimitive, Object.assign({}, args, {
+      checked: checked,
+      onChange: value => setChecked(value)
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    label: "Label"
+  }
+};
+export const WithLeadingLabel = {
+  args: {
+    label: "Leading label",
+    labelPosition: "start"
+  }
+};
+export const WithLongLeadingLabel = {
+  args: {
+    label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.",
+    labelPosition: "start"
+  }
+};
+export const WithTrailingLabel = {
+  args: {
+    label: "Trailing label",
+    labelPosition: "end"
+  }
+};
+export const WithLongTrailingLabel = {
+  args: {
+    label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.",
+    labelPosition: "end"
+  }
+};
+export const Checked = {
+  args: {
+    checked: true
+  }
+};
+export const Disabled = {
+  args: {
+    label: "Label",
+    disabled: true
+  }
+};
+
+//# sourceMappingURL=SwitchPrimitive.stories.js.map

package/Switch/primitives/SwitchPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","SwitchPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","value","Default","label","WithLeadingLabel","labelPosition","WithLongLeadingLabel","WithTrailingLabel","WithLongTrailingLabel","Checked","Disabled","disabled"],"sources":["SwitchPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SwitchPrimitive } from \"./SwitchPrimitive\";\n\nconst meta: Meta<typeof SwitchPrimitive> = {\n    title: \"Components/Form Primitives/Switch\",\n    component: SwitchPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <SwitchPrimitive {...args} checked={checked} onChange={value => setChecked(value)} />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SwitchPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Label\"\n    }\n};\n\nexport const WithLeadingLabel: Story = {\n    args: {\n        label: \"Leading label\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithLongLeadingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"start\"\n    }\n};\n\nexport const WithTrailingLabel: Story = {\n    args: {\n        label: \"Trailing label\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const WithLongTrailingLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend.\",\n        labelPosition: \"end\"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        checked: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        label: \"Label\",\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe;AAExB,MAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,mCAAmC;EAC1CC,SAAS,EAAEH,eAAe;EAC1BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,OAAO,EAAEA,OAAQ;MAACK,QAAQ,EAAEC,KAAK,IAAIL,UAAU,CAACK,KAAK;IAAE,EAAE,CAAC;EAE7F;AACJ,CAAC;AAED,eAAeb,IAAI;AAGnB,OAAO,MAAMc,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCV,IAAI,EAAE;IACFS,KAAK,EAAE,eAAe;IACtBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCZ,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAME,iBAAwB,GAAG;EACpCb,IAAI,EAAE;IACFS,KAAK,EAAE,gBAAgB;IACvBE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EACxCd,IAAI,EAAE;IACFS,KAAK,EAAE,2eAA2e;IAClfE,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMI,OAAc,GAAG;EAC1Bf,IAAI,EAAE;IACFC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMe,QAAe,GAAG;EAC3BhB,IAAI,EAAE;IACFS,KAAK,EAAE,OAAO;IACdQ,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}

package/Switch/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./SwitchPrimitive";

package/Switch/primitives/index.js

@@ -0,0 +1,3 @@
+export * from "./SwitchPrimitive";
+
+//# sourceMappingURL=index.js.map

package/Switch/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Switch/primitives/presenters/SwitchPresenter.d.ts

@@ -0,0 +1,21 @@
+import { SwitchPrimitivVm } from "../SwitchPrimitive";
+import { SwitchItemDto } from "../../domains";
+type SwitchPresenterParams = SwitchItemDto & {
+    onChange?: (checked: boolean) => void;
+};
+interface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {
+    vm: SwitchPrimitivVm;
+    init: (params: TParams) => void;
+    changeChecked: (checked: boolean) => void;
+}
+declare class SwitchPresenter implements ISwitchPresenter {
+    private params?;
+    private item?;
+    constructor();
+    init: (params: SwitchPresenterParams) => void;
+    get vm(): {
+        item: import("../../domains").SwitchItemFormatted | undefined;
+    };
+    changeChecked: (checked: boolean) => void;
+}
+export { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };

package/Switch/primitives/presenters/SwitchPresenter.js

@@ -0,0 +1,30 @@
+import { makeAutoObservable } from "mobx";
+import { SwitchItem, SwitchItemMapper } from "../../domains";
+class SwitchPresenter {
+  params = undefined;
+  item = undefined;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init = params => {
+    this.params = params;
+    this.item = SwitchItem.create({
+      id: params.id,
+      label: params.label,
+      value: params.value,
+      checked: params.checked,
+      disabled: params.disabled
+    });
+  };
+  get vm() {
+    return {
+      item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined
+    };
+  }
+  changeChecked = checked => {
+    this.params?.onChange?.(checked);
+  };
+}
+export { SwitchPresenter };
+
+//# sourceMappingURL=SwitchPresenter.js.map

package/Switch/primitives/presenters/SwitchPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","SwitchItem","SwitchItemMapper","SwitchPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","disabled","vm","toFormatted","changeChecked","onChange"],"sources":["SwitchPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { SwitchPrimitivVm } from \"../SwitchPrimitive\";\nimport { SwitchItem, SwitchItemDto, SwitchItemMapper } from \"../../domains\";\n\ntype SwitchPresenterParams = SwitchItemDto & {\n    onChange?: (checked: boolean) => void;\n};\n\ninterface ISwitchPresenter<TParams extends SwitchPresenterParams = SwitchPresenterParams> {\n    vm: SwitchPrimitivVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass SwitchPresenter implements ISwitchPresenter {\n    private params?: SwitchPresenterParams = undefined;\n    private item?: SwitchItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: SwitchPresenterParams) => {\n        this.params = params;\n        this.item = SwitchItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? SwitchItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onChange?.(checked);\n    };\n}\n\nexport { SwitchPresenter, type SwitchPresenterParams, type ISwitchPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,UAAU,EAAiBC,gBAAgB;AAYpD,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,IAAI,GAAgBD,SAAS;EAErCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA6B,IAAK;IAC7C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,UAAU,CAACQ,MAAM,CAAC;MAC1BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,QAAQ,EAAEV,MAAM,CAACU;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHT,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,gBAAgB,CAACc,WAAW,CAAC,IAAI,CAACV,IAAI,CAAC,GAAGD;IAChE,CAAC;EACL;EAEOY,aAAa,GAAIJ,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEc,QAAQ,GAAGL,OAAO,CAAC;EACpC,CAAC;AACL;AAEA,SAASV,eAAe","ignoreList":[]}

package/Switch/primitives/presenters/SwitchPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Switch/primitives/presenters/SwitchPresenter.test.js

@@ -0,0 +1,72 @@
+import { SwitchPresenter } from "./SwitchPresenter";
+describe("SwitchPresenter", () => {
+  const onChange = jest.fn();
+  it("should return the compatible `switchVm` based on props", () => {
+    const presenter = new SwitchPresenter();
+
+    // `label`
+    {
+      presenter.init({
+        onChange,
+        label: "Label"
+      });
+      expect(presenter.vm.item?.label).toEqual("Label");
+    }
+
+    // `checked`
+    {
+      presenter.init({
+        onChange,
+        label: "Label",
+        checked: true
+      });
+      expect(presenter.vm.item?.checked).toEqual(true);
+    }
+
+    // `value`
+    {
+      presenter.init({
+        onChange,
+        label: "Label",
+        value: "any"
+      });
+      expect(presenter.vm.item?.value).toEqual("any");
+      expect(presenter.vm.item?.checked).toEqual(true);
+    }
+
+    // `disabled`
+    {
+      presenter.init({
+        onChange,
+        label: "Label",
+        disabled: true
+      });
+      expect(presenter.vm.item?.disabled).toEqual(true);
+    }
+
+    // default: only mandatory props
+    {
+      presenter.init({
+        onChange,
+        label: "Label"
+      });
+      expect(presenter.vm.item).toEqual({
+        id: expect.any(String),
+        label: "Label",
+        checked: false,
+        disabled: false
+      });
+    }
+  });
+  it("should call `onChange` callback when `changeValue` is called", () => {
+    const presenter = new SwitchPresenter();
+    presenter.init({
+      onChange,
+      label: "Label"
+    });
+    presenter.changeChecked(true);
+    expect(onChange).toHaveBeenCalledWith(true);
+  });
+});
+
+//# sourceMappingURL=SwitchPresenter.test.js.map

package/Switch/primitives/presenters/SwitchPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SwitchPresenter","describe","onChange","jest","fn","it","presenter","init","label","expect","vm","item","toEqual","checked","value","disabled","id","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["SwitchPresenter.test.ts"],"sourcesContent":["import { SwitchPresenter } from \"./SwitchPresenter\";\n\ndescribe(\"SwitchPresenter\", () => {\n    const onChange = jest.fn();\n\n    it(\"should return the compatible `switchVm` based on props\", () => {\n        const presenter = new SwitchPresenter();\n\n        // `label`\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n        }\n\n        // `checked`\n        {\n            presenter.init({ onChange, label: \"Label\", checked: true });\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `value`\n        {\n            presenter.init({ onChange, label: \"Label\", value: \"any\" });\n            expect(presenter.vm.item?.value).toEqual(\"any\");\n            expect(presenter.vm.item?.checked).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({ onChange, label: \"Label\", disabled: true });\n            expect(presenter.vm.item?.disabled).toEqual(true);\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({ onChange, label: \"Label\" });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                label: \"Label\",\n                checked: false,\n                disabled: false\n            });\n        }\n    });\n\n    it(\"should call `onChange` callback when `changeValue` is called\", () => {\n        const presenter = new SwitchPresenter();\n        presenter.init({ onChange, label: \"Label\" });\n        presenter.changeChecked(true);\n        expect(onChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,eAAe;AAExBC,QAAQ,CAAC,iBAAiB,EAAE,MAAM;EAC9B,MAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EAE1BC,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;;IAEvC;IACA;MACIM,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEH,KAAK,CAAC,CAACI,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC3DJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEM,KAAK,EAAE;MAAM,CAAC,CAAC;MAC1DL,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEG,KAAK,CAAC,CAACF,OAAO,CAAC,KAAK,CAAC;MAC/CH,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEE,OAAO,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACpD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE,OAAO;QAAEO,QAAQ,EAAE;MAAK,CAAC,CAAC;MAC5DN,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,EAAEI,QAAQ,CAAC,CAACH,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIN,SAAS,CAACC,IAAI,CAAC;QAAEL,QAAQ;QAAEM,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC5CC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BI,EAAE,EAAEP,MAAM,CAACQ,GAAG,CAACC,MAAM,CAAC;QACtBV,KAAK,EAAE,OAAO;QACdK,OAAO,EAAE,KAAK;QACdE,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFV,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE,MAAMC,SAAS,GAAG,IAAIN,eAAe,CAAC,CAAC;IACvCM,SAAS,CAACC,IAAI,CAAC;MAAEL,QAAQ;MAAEM,KAAK,EAAE;IAAQ,CAAC,CAAC;IAC5CF,SAAS,CAACa,aAAa,CAAC,IAAI,CAAC;IAC7BV,MAAM,CAACP,QAAQ,CAAC,CAACkB,oBAAoB,CAAC,IAAI,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/Switch/primitives/presenters/index.d.ts

@@ -0,0 +1 @@
+export * from "./SwitchPresenter";

package/Switch/primitives/presenters/index.js

@@ -0,0 +1,3 @@
+export * from "./SwitchPresenter";
+
+//# sourceMappingURL=index.js.map

package/Switch/primitives/presenters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SwitchPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Switch/primitives/useSwitch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchPrimitiveProps } from "./SwitchPrimitive";
+export declare const useSwitch: (props: SwitchPrimitiveProps) => {
+    vm: {
+        item: import("../domains").SwitchItemFormatted | undefined;
+    };
+    changeChecked: (checked: boolean) => void;
+};

package/Switch/primitives/useSwitch.js

@@ -0,0 +1,33 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { SwitchPresenter } from "./presenters/SwitchPresenter";
+export const useSwitch = props => {
+  const params = useMemo(() => ({
+    id: props.id,
+    label: props.label,
+    value: props.value,
+    checked: props.checked,
+    disabled: props.disabled,
+    onChange: props.onChange
+  }), [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]);
+  const presenter = useMemo(() => {
+    const presenter = new SwitchPresenter();
+    presenter.init(params);
+    return presenter;
+  }, []);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params]);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    changeChecked: presenter.changeChecked
+  };
+};
+
+//# sourceMappingURL=useSwitch.js.map

package/Switch/primitives/useSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SwitchPrimitiveProps } from \"./SwitchPrimitive\";\nimport { SwitchPresenter, SwitchPresenterParams } from \"./presenters/SwitchPresenter\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}

package/Table/Table.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { type VariantProps } from "../utils";
+declare const tableVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
+    sticky?: boolean;
+}
+declare const Table: (({ className, bordered, sticky, ...props }: TableProps) => React.JSX.Element) & {
+    Body: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+    Caption: ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
+    Cell: ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+    Direction: ({ className, direction }: import("./components/Direction").DirectionProps) => React.JSX.Element | null;
+    Footer: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+    Head: ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+    Header: ({ className, sticky, ...props }: import("./components/Header").HeaderProps) => React.JSX.Element;
+    Resizer: ({ className, isResizing, ...props }: import("./components/Resizer").ResizerProps) => React.JSX.Element;
+    Row: ({ className, selected, ...props }: import("./components/Row").RowProps) => React.JSX.Element;
+};
+export { Table, type TableProps };

package/Table/Table.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { cn, cva, withStaticProps } from "../utils";
+import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components";
+const tableWrapperVariants = cva("wby-relative wby-w-full wby-overflow-auto", {
+  variants: {
+    sticky: {
+      true: "wby-overflow-clip"
+    }
+  }
+});
+const tableVariants = cva("wby-w-full wby-caption-bottom wby-text-sm wby-bg-white", {
+  variants: {
+    bordered: {
+      true: "wby-border-neutral-dimmed wby-border-solid wby-border-sm"
+    }
+  }
+});
+const BaseTable = ({
+  className,
+  bordered,
+  sticky,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", {
+  className: cn(tableWrapperVariants({
+    sticky
+  }))
+}, /*#__PURE__*/React.createElement("table", Object.assign({
+  className: cn(tableVariants({
+    bordered
+  }), className)
+}, props)));
+const Table = withStaticProps(BaseTable, {
+  Body,
+  Caption,
+  Cell,
+  Direction,
+  Footer,
+  Head,
+  Header,
+  Resizer,
+  Row
+});
+export { Table };
+
+//# sourceMappingURL=Table.js.map

package/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components\";\n\nconst tableWrapperVariants = cva(\"wby-relative wby-w-full wby-overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"wby-overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"wby-w-full wby-caption-bottom wby-text-sm wby-bg-white\", {\n    variants: {\n        bordered: {\n            true: \"wby-border-neutral-dimmed wby-border-solid wby-border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>,\n        VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,2CAA2C,EAAE;EAC1EY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wDAAwD,EAAE;EAChFY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}

package/Table/components/Body.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Body: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export { Body };

package/Table/components/Body.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Body = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("tbody", Object.assign({
+  className: cn("[&_tr:last-child]:wby-border-none", className)
+}, props));
+export { Body };
+
+//# sourceMappingURL=Body.js.map

package/Table/components/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:wby-border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAChFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEF,EAAE,CAAC,mCAAmC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACrF;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Caption.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Caption: ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
+export { Caption };

package/Table/components/Caption.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Caption = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("caption", Object.assign({
+  className: cn("wby-mt-4 wby-text-sm wby-text-muted-foreground", className)
+}, props));
+export { Caption };
+
+//# sourceMappingURL=Caption.js.map

package/Table/components/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Caption","className","props","createElement","Object","assign"],"sources":["Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption\n        className={cn(\"wby-mt-4 wby-text-sm wby-text-muted-foreground\", className)}\n        {...props}\n    />\n);\n\nexport { Caption };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBACnFJ,KAAA,CAAAK,aAAA,YAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CAAC,gDAAgD,EAAEE,SAAS;AAAE,GACvEC,KAAK,CACZ,CACJ;AAED,SAASF,OAAO","ignoreList":[]}

package/Table/components/Cell.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Cell: ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export { Cell };

package/Table/components/Cell.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Cell = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("td", Object.assign({
+  className: cn(["wby-box-border wby-px-md wby-py-sm-extra wby-text-md wby-text-left wby-align-middle wby-text-neutral-primary", "wby-overflow-hidden wby-whitespace-nowrap wby-truncate", "[&:has([role=checkbox])]:wby-pl-lg", "wby-text-0 wby-leading-none"], className)
+}, props));
+export { Cell };
+
+//# sourceMappingURL=Cell.js.map

package/Table/components/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Cell","className","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Cell = ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td\n        className={cn(\n            [\n                \"wby-box-border wby-px-md wby-py-sm-extra wby-text-md wby-text-left wby-align-middle wby-text-neutral-primary\",\n                \"wby-overflow-hidden wby-whitespace-nowrap wby-truncate\",\n                \"[&:has([role=checkbox])]:wby-pl-lg\",\n                \"wby-text-0 wby-leading-none\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoD,CAAC,kBAC/EJ,KAAA,CAAAK,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CACT,CACI,8GAA8G,EAC9G,wDAAwD,EACxD,oCAAoC,EACpC,6BAA6B,CAChC,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Direction.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+declare const directionVariants: (props?: ({
+    direction?: "desc" | "asc" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface DirectionProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {
+}
+declare const Direction: ({ className, direction }: DirectionProps) => React.JSX.Element | null;
+export { Direction, type DirectionProps };

package/Table/components/Direction.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { ReactComponent as ArrowDown } from "@webiny/icons/keyboard_arrow_up.svg";
+import { Icon } from "../../Icon";
+import { cn, cva } from "../../utils";
+const directionVariants = cva("wby-inline", {
+  variants: {
+    direction: {
+      asc: "wby-rotate-0",
+      desc: "wby-rotate-180"
+    }
+  }
+});
+const Direction = ({
+  className,
+  direction
+}) => {
+  if (!direction) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Icon, {
+    className: cn(directionVariants({
+      direction
+    }), className),
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
+    label: "Sort column",
+    color: "neutral-strong"
+  });
+};
+export { Direction };
+
+//# sourceMappingURL=Direction.js.map

package/Table/components/Direction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","ArrowDown","Icon","cn","cva","directionVariants","variants","direction","asc","desc","Direction","className","createElement","size","icon","label","color"],"sources":["Direction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Icon } from \"~/Icon\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst directionVariants = cva(\"wby-inline\", {\n    variants: {\n        direction: {\n            asc: \"wby-rotate-0\",\n            desc: \"wby-rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>,\n        VariantProps<typeof directionVariants> {}\n\nconst Direction = ({ className, direction }: DirectionProps) => {\n    if (!direction) {\n        return null;\n    }\n\n    return (\n        <Icon\n            className={cn(directionVariants({ direction }), className)}\n            size=\"sm\"\n            icon={<ArrowDown />}\n            label={\"Sort column\"}\n            color={\"neutral-strong\"}\n        />\n    );\n};\n\nexport { Direction, type DirectionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,YAAY,EAAE;EACxCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,cAAc;MACnBC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ;AAA0B,CAAC,KAAK;EAC5D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAa,aAAA,CAACV,IAAI;IACDS,SAAS,EAAER,EAAE,CAACE,iBAAiB,CAAC;MAAEE;IAAU,CAAC,CAAC,EAAEI,SAAS,CAAE;IAC3DE,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,KAAK,EAAE,aAAc;IACrBC,KAAK,EAAE;EAAiB,CAC3B,CAAC;AAEV,CAAC;AAED,SAASN,SAAS","ignoreList":[]}

package/Table/components/Footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Footer: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export { Footer };

package/Table/components/Footer.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Footer = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("tfoot", Object.assign({
+  className: cn("wby-border-t wby-bg-muted/50 wby-font-medium [&>tr]:last:wby-border-b-0", className)
+}, props));
+export { Footer };
+
+//# sourceMappingURL=Footer.js.map

package/Table/components/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Footer","className","props","createElement","Object","assign"],"sources":["Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Footer = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tfoot\n        className={cn(\n            \"wby-border-t wby-bg-muted/50 wby-font-medium [&>tr]:last:wby-border-b-0\",\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Footer };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAClFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CACT,yEAAyE,EACzEE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,MAAM","ignoreList":[]}

package/Table/components/Head.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Head: ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export { Head };

package/Table/components/Head.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Head = ({
+  className,
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement("th", Object.assign({
+  className: cn(["wby-box-border wby-relative wby-px-md wby-py-sm wby-text-sm wby-text-left wby-align-middle wby-font-normal wby-text-neutral-strong wby-fill-neutral-xstrong", "hover:wby-bg-neutral-subtle", "wby-overflow-hidden wby-whitespace-nowrap wby-truncate", "[&:has([role=checkbox])]:wby-pl-lg", "wby-text-0 wby-leading-none"], className)
+}, props), children);
+export { Head };
+
+//# sourceMappingURL=Head.js.map