@grupor5/raya 0.2.1 → 0.2.2

package/dist/atoms/radio/index.mjs

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var RadioGroup = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn("grid gap-2", className)
+    }, props), {
+      ref
+    })
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "aspect-square h-5 w-5 rounded-full border border-primary-1200 text-primary-1200 mx-s",
+        "focus:outline-none focus-visible:shadow-focus",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-3 w-3 fill-current text-current" }) })
+    })
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };

package/dist/atoms/switch/index.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

package/dist/atoms/switch/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

package/dist/atoms/switch/index.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var React = require('react');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Switch = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitives__namespace.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors mx-s",
+        "focus-visible:outline-none focus-visible:shadow-focus",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=unchecked]:bg-primary-300 data-[state=checked]:bg-secondary-600",
+        // Pressed states
+        "data-[state=unchecked]:active:bg-primary-400 data-[state=checked]:active:bg-secondary-700",
+        // Disabled states
+        "data-[state=unchecked]:disabled:bg-primary-200 data-[state=checked]:disabled:bg-secondary-300",
+        className
+      )
+    }, props), {
+      ref,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitives__namespace.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-5 w-5 rounded-full bg-neutral-10 shadow-lg ring-0 transition-transform",
+            "data-[state=unchecked]:translate-x-0",
+            "data-[state=checked]:translate-x-5"
+          )
+        }
+      )
+    })
+  );
+});
+Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
+
+exports.Switch = Switch;

package/dist/atoms/switch/index.mjs

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Switch = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitives.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors mx-s",
+        "focus-visible:outline-none focus-visible:shadow-focus",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=unchecked]:bg-primary-300 data-[state=checked]:bg-secondary-600",
+        // Pressed states
+        "data-[state=unchecked]:active:bg-primary-400 data-[state=checked]:active:bg-secondary-700",
+        // Disabled states
+        "data-[state=unchecked]:disabled:bg-primary-200 data-[state=checked]:disabled:bg-secondary-300",
+        className
+      )
+    }, props), {
+      ref,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitives.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-5 w-5 rounded-full bg-neutral-10 shadow-lg ring-0 transition-transform",
+            "data-[state=unchecked]:translate-x-0",
+            "data-[state=checked]:translate-x-5"
+          )
+        }
+      )
+    })
+  );
+});
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };

package/dist/atoms/tag/index.d.mts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const tagVariants: (props?: ({
+    variant?: "default" | "success" | "danger" | "warning" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TagProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
+    showBullet?: boolean;
+    onClose?: () => void;
+}
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Tag, type TagProps };

package/dist/atoms/tag/index.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const tagVariants: (props?: ({
+    variant?: "default" | "success" | "danger" | "warning" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TagProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
+    showBullet?: boolean;
+    onClose?: () => void;
+}
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Tag, type TagProps };

package/dist/atoms/tag/index.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var rayaIcons = require('@grupor5/raya-icons');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var tagVariants = classVarianceAuthority.cva(
+  "group inline-flex items-center justify-center rounded-tag px-tag-x py-tag-y text-tag transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-tag-default-background text-tag-default-text hover:bg-tag-default-hover-background",
+        success: "bg-tag-success-background text-tag-success-text hover:bg-tag-success-hover-background",
+        warning: "bg-tag-warning-background text-tag-warning-text hover:bg-tag-warning-hover-background",
+        danger: "bg-tag-danger-background text-tag-danger-text hover:bg-tag-danger-hover-background"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var bulletVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      default: "text-tag-default-bullet",
+      success: "text-tag-success-bullet",
+      warning: "text-tag-warning-bullet",
+      danger: "text-tag-danger-bullet"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var closeButtonVariants = classVarianceAuthority.cva(
+  "ml-2 flex-shrink-0 transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "text-tag-default-text hover:text-tag-default-hover-text",
+        success: "text-tag-success-text hover:text-tag-success-hover-text",
+        warning: "text-tag-warning-text hover:text-tag-warning-hover-text",
+        danger: "text-tag-danger-text hover:text-tag-danger-hover-text"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Tag = React__default.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, showBullet = false, onClose, variant } = _b, props = __objRest(_b, ["className", "children", "showBullet", "onClose", "variant"]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        className: cn(tagVariants({ variant, className })),
+        ref
+      }, props), {
+        children: [
+          showBullet && /* @__PURE__ */ jsxRuntime.jsx(
+            rayaIcons.DotIcon,
+            {
+              className: cn("mr-1.5 flex-shrink-0", bulletVariants({ variant })),
+              size: 10
+            }
+          ),
+          children,
+          onClose && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: cn(closeButtonVariants({ variant })),
+              "aria-label": "Remove tag",
+              children: /* @__PURE__ */ jsxRuntime.jsx(rayaIcons.CloseSquareIcon, { size: 12 })
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+exports.Tag = Tag;

package/dist/atoms/tag/index.mjs

@@ -0,0 +1,122 @@
+import React from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { DotIcon, CloseSquareIcon } from '@grupor5/raya-icons';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var tagVariants = cva(
+  "group inline-flex items-center justify-center rounded-tag px-tag-x py-tag-y text-tag transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-tag-default-background text-tag-default-text hover:bg-tag-default-hover-background",
+        success: "bg-tag-success-background text-tag-success-text hover:bg-tag-success-hover-background",
+        warning: "bg-tag-warning-background text-tag-warning-text hover:bg-tag-warning-hover-background",
+        danger: "bg-tag-danger-background text-tag-danger-text hover:bg-tag-danger-hover-background"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var bulletVariants = cva("", {
+  variants: {
+    variant: {
+      default: "text-tag-default-bullet",
+      success: "text-tag-success-bullet",
+      warning: "text-tag-warning-bullet",
+      danger: "text-tag-danger-bullet"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var closeButtonVariants = cva(
+  "ml-2 flex-shrink-0 transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "text-tag-default-text hover:text-tag-default-hover-text",
+        success: "text-tag-success-text hover:text-tag-success-hover-text",
+        warning: "text-tag-warning-text hover:text-tag-warning-hover-text",
+        danger: "text-tag-danger-text hover:text-tag-danger-hover-text"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Tag = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, showBullet = false, onClose, variant } = _b, props = __objRest(_b, ["className", "children", "showBullet", "onClose", "variant"]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        className: cn(tagVariants({ variant, className })),
+        ref
+      }, props), {
+        children: [
+          showBullet && /* @__PURE__ */ jsx(
+            DotIcon,
+            {
+              className: cn("mr-1.5 flex-shrink-0", bulletVariants({ variant })),
+              size: 10
+            }
+          ),
+          children,
+          onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: cn(closeButtonVariants({ variant })),
+              "aria-label": "Remove tag",
+              children: /* @__PURE__ */ jsx(CloseSquareIcon, { size: 12 })
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+export { Tag };

package/dist/atoms/textarea/index.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: string | boolean;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/atoms/textarea/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: string | boolean;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };