@a-type/ui 2.1.3 → 2.1.5

package/dist/esm/components/colorMode/ColorModeToggle.js

@@ -0,0 +1,31 @@
+// @unocss-include
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setColorMode, useColorMode } from '../../colorMode.js';
+import { Icon } from '../icon/Icon.js';
+import { ToggleGroup } from '../toggleGroup/toggleGroup.js';
+export function ColorModeToggle(_a) {
+    var { value: userValue, onValueChange: userOnValueChange, className } = _a, rest = __rest(_a, ["value", "onValueChange", "className"]);
+    const colorMode = useColorMode();
+    const value = userValue !== null && userValue !== void 0 ? userValue : colorMode;
+    const onValueChange = (value) => {
+        if (userOnValueChange) {
+            userOnValueChange(value);
+        }
+        else {
+            setColorMode(value);
+        }
+    };
+    return (_jsxs(ToggleGroup, Object.assign({ value: value, onValueChange: onValueChange, type: "single", className: className }, rest, { children: [_jsx(ToggleGroup.Item, { value: "system", "aria-label": "Device", children: _jsx(Icon, { name: "phone" }) }), _jsx(ToggleGroup.Item, { value: "light", "aria-label": "Light", children: _jsx(Icon, { name: "sun" }) }), _jsx(ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: _jsx(Icon, { name: "moon" }) })] })));
+}
+//# sourceMappingURL=ColorModeToggle.js.map

package/dist/esm/components/colorMode/ColorModeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAK5D,MAAM,UAAU,eAAe,CAAC,EAKT;QALS,EAC/B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,EAChC,SAAS,OAEa,EADnB,IAAI,cAJwB,uCAK/B,CADO;IAEP,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IACrC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACvC,IAAI,iBAAiB,EAAE,CAAC;YACvB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,YAAY,CAAC,KAAoC,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,kBACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}

package/dist/esm/components/colorMode/ColorModeToggle.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { ColorModeToggle } from './ColorModeToggle.js';
+declare const meta: {
+    title: string;
+    component: typeof ColorModeToggle;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ColorModeToggle>;
+export declare const Default: Story;

package/dist/esm/components/colorMode/ColorModeToggle.stories.js

@@ -0,0 +1,13 @@
+// @unocss-include
+import { ColorModeToggle } from './ColorModeToggle.js';
+const meta = {
+    title: 'ColorModeToggle',
+    component: ColorModeToggle,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=ColorModeToggle.stories.js.map

package/dist/esm/components/colorMode/ColorModeToggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorModeToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACsC,CAAC;AAEzC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}