@krrli/cm-designsystem 1.32.1 → 1.32.3

package/dist/components/icons/generated/Time.js

@@ -1,4 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const Time = (props) => (_jsxs(IconBase, { label: "Time", ...props, children: [_jsxs("g", { fill: "currentColor", clipPath: "url(#a)", children: [_jsx("path", { d: "M8 0a8 8 0 1 0 8 8 8.024 8.024 0 0 0-8-8m0 14a6 6 0 1 1 6-6 6.02 6.02 0 0 1-6 6" }), _jsx("path", { d: "M11.5 7H9V4.5a1 1 0 1 0-2 0V8a1 1 0 0 0 1 1h3.5a1 1 0 1 0 0-2" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const Time = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "Time", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { fill: "currentColor", clipPath: "url(#a)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 0a8 8 0 1 0 8 8 8.024 8.024 0 0 0-8-8m0 14a6 6 0 1 1 6-6 6.02 6.02 0 0 1-6 6" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.5 7H9V4.5a1 1 0 1 0-2 0V8a1 1 0 0 0 1 1h3.5a1 1 0 1 0 0-2" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] });
+export {
+  Time
+};

package/dist/components/icons/generated/Upload.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const Upload: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Upload.d.ts.map

package/dist/components/icons/generated/Upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAWlE,CAAC"}

package/dist/components/icons/generated/Upload.js

@@ -1,4 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const Upload = (props) => (_jsxs(IconBase, { label: "Upload", ...props, children: [_jsx("path", { fill: "currentColor", d: "M14 10a1 1 0 0 0-1 1v2H3v-2a1 1 0 0 0-2 0v2a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-2a1 1 0 0 0-1-1" }), _jsx("path", { fill: "currentColor", d: "M4.707 6.707 7 4.414V10a1 1 0 1 0 2 0V4.414l2.293 2.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 1.414 1.414" })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const Upload = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "Upload", ...props, children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M14 10a1 1 0 0 0-1 1v2H3v-2a1 1 0 0 0-2 0v2a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-2a1 1 0 0 0-1-1"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M4.707 6.707 7 4.414V10a1 1 0 1 0 2 0V4.414l2.293 2.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 1.414 1.414"
+    }
+  )
+] });
+export {
+  Upload
+};

package/dist/components/icons/generated/index.d.ts

@@ -1,24 +1,25 @@
-export * from "./ArrowDown";
-export * from "./ArrowLeft";
-export * from "./ArrowRight";
-export * from "./ArrowUp";
-export * from "./Calendar";
-export * from "./Cancel";
-export * from "./Checkmark";
-export * from "./Edit";
-export * from "./Eye";
-export * from "./Fullscreen";
-export * from "./HeartFilled";
-export * from "./HeartOutline";
-export * from "./Location";
-export * from "./LogOut";
-export * from "./Mumble";
-export * from "./Profile";
-export * from "./ReplyFilled";
-export * from "./ReplyOutline";
-export * from "./Repost";
-export * from "./Send";
-export * from "./Settings";
-export * from "./Share";
-export * from "./Time";
-export * from "./Upload";
+export * from './ArrowDown';
+export * from './ArrowLeft';
+export * from './ArrowRight';
+export * from './ArrowUp';
+export * from './Calendar';
+export * from './Cancel';
+export * from './Checkmark';
+export * from './Edit';
+export * from './Eye';
+export * from './Fullscreen';
+export * from './HeartFilled';
+export * from './HeartOutline';
+export * from './Location';
+export * from './LogOut';
+export * from './Mumble';
+export * from './Profile';
+export * from './ReplyFilled';
+export * from './ReplyOutline';
+export * from './Repost';
+export * from './Send';
+export * from './Settings';
+export * from './Share';
+export * from './Time';
+export * from './Upload';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icons/generated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/components/index.d.ts

@@ -1,27 +1,28 @@
-export * from "./avatar/Avatar";
-export * from "./branding/BrandingGallery";
-export * from "./button/Button";
-export * from "./color/ColorDoc";
-export * from "./file-upload/FileUpload";
-export * from "./form/Form";
-export * from "./icon-button/IconButton";
-export * from "./icons/IconBase";
-export * from "./icons/generated";
-export * from "./input/Input";
-export * from "./like-toggle/LikeToggle";
-export * from "./logo-link/LogoLink";
-export * from "./modal/Modal";
-export * from "./navi-button/NaviButton";
-export * from "./navi-user-button/NaviUserButton";
-export * from "./round-button/RoundButton";
-export * from "./tabs/TabItem";
-export * from "./tabs/Tabs";
-export * from "./text-link/TextLink";
-export * from "./textarea/Textarea";
-export * from "./timed-button/TimedButton";
-export * from "./toggle/Toggle";
-export * from "./typography/Heading";
-export * from "./typography/Label";
-export * from "./typography/Paragraph";
-export * from "./typography/Placeholder";
-export * from "./typography/ValidationMessage";
+export * from './avatar/Avatar';
+export * from './branding/BrandingGallery';
+export * from './button/Button';
+export * from './color/ColorDoc';
+export * from './file-upload/FileUpload';
+export * from './form/Form';
+export * from './icon-button/IconButton';
+export * from './icons/IconBase';
+export * from './icons/generated';
+export * from './input/Input';
+export * from './like-toggle/LikeToggle';
+export * from './logo-link/LogoLink';
+export * from './modal/Modal';
+export * from './navi-button/NaviButton';
+export * from './navi-user-button/NaviUserButton';
+export * from './round-button/RoundButton';
+export * from './tabs/TabItem';
+export * from './tabs/Tabs';
+export * from './text-link/TextLink';
+export * from './textarea/Textarea';
+export * from './timed-button/TimedButton';
+export * from './toggle/Toggle';
+export * from './typography/Heading';
+export * from './typography/Label';
+export * from './typography/Paragraph';
+export * from './typography/Placeholder';
+export * from './typography/ValidationMessage';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC"}

package/dist/components/input/Input.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-import type { IconBaseProps } from "../icons/IconBase";
-declare const inputStyles: import("tailwind-variants").TVReturnType<{
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { IconBaseProps } from '../icons/IconBase';
+declare const inputStyles: import('tailwind-variants').TVReturnType<{
     hasIcon: {
         true: {
             control: string[];
@@ -31,7 +31,7 @@ declare const inputStyles: import("tailwind-variants").TVReturnType<{
     control: string[];
     icon: string[];
     message: string[];
-}, import("tailwind-variants").TVReturnType<{
+}, import('tailwind-variants').TVReturnType<{
     hasIcon: {
         true: {
             control: string[];
@@ -59,3 +59,4 @@ interface InputProps extends InputVariants {
 }
 export declare const Input: ({ type, isRequired, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8Bf,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtD,UAAU,UAAW,SAAQ,aAAa;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,KAAK,GAAI,gCAInB,UAAU,4CA2CZ,CAAC"}

package/dist/components/input/Input.js

@@ -1,48 +1,74 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as RadixForm from "@radix-ui/react-form";
 import React, { useState } from "react";
 import { tv } from "tailwind-variants";
-import { Label } from "../typography/Label";
-import { labelStyles, placeholderStyles } from "../typography/styles";
-import { ValidationMessage } from "../typography/ValidationMessage";
+import { Label } from "../typography/Label.js";
+import { labelStyles, placeholderStyles } from "../typography/styles.js";
+import { ValidationMessage } from "../typography/ValidationMessage.js";
 const inputStyles = tv({
-    slots: {
-        base: ["flex", "flex-col", "gap-1"],
-        controlContainer: ["relative", "inline-block"],
-        control: [
-            "w-full",
-            "ring",
-            "focus:ring-2",
-            "ring-slate-200",
-            "hover:ring-violet-600",
-            "focus-visible:ring-violet-600",
-            "focus-within:ring-violet-600",
-            "focus-visible:outline-none",
-            "bg-slate-50",
-            "rounded-lg",
-            "p-4",
-            "text-slate-700",
-            "transition",
-            "duration-300",
-            "ease-in-out",
-        ],
-        icon: ["absolute", "w-4", "h-4", "right-4", "top-4.5"],
-        message: ["text-error"],
-    },
-    variants: {
-        hasIcon: {
-            true: { control: ["pr-10"] },
-            false: { control: ["pr-4"] },
-        },
-    },
+  slots: {
+    base: ["flex", "flex-col", "gap-1"],
+    controlContainer: ["relative", "inline-block"],
+    control: [
+      "w-full",
+      "ring",
+      "focus:ring-2",
+      "ring-slate-200",
+      "hover:ring-violet-600",
+      "focus-visible:ring-violet-600",
+      "focus-within:ring-violet-600",
+      "focus-visible:outline-none",
+      "bg-slate-50",
+      "rounded-lg",
+      "p-4",
+      "text-slate-700",
+      "transition",
+      "duration-300",
+      "ease-in-out"
+    ],
+    icon: ["absolute", "w-4", "h-4", "right-4", "top-4.5"],
+    message: ["text-error"]
+  },
+  variants: {
+    hasIcon: {
+      true: { control: ["pr-10"] },
+      false: { control: ["pr-4"] }
+    }
+  }
 });
-export const Input = ({ type = "text", isRequired = false, ...props }) => {
-    const { base, controlContainer, control, message, icon } = inputStyles({
-        hasIcon: !!props.children,
-        ...props,
-    });
-    const [value, setValue] = useState("");
-    return (_jsxs(RadixForm.Field, { name: props.name, className: base(props), children: [_jsx(RadixForm.Label, { children: _jsx(Label, { size: "md", children: props.label }) }), _jsxs("div", { className: controlContainer(props), children: [_jsx(RadixForm.Control, { asChild: true, children: _jsx("input", { className: `${control(props)} ${labelStyles({ size: "md" })} ${placeholderStyles()}`, type: type, required: isRequired, placeholder: props.placeholder, onChange: (e) => setValue(e.target.value), onBlur: () => props.onChange(value) }) }), props.children &&
-                        React.cloneElement(props.children, { className: icon(props) })] }), _jsxs("div", { className: message(props), children: [isRequired && (_jsx(RadixForm.Message, { match: "valueMissing", children: _jsx(ValidationMessage, { children: `${props.name} is required` }) })), _jsx(RadixForm.Message, { match: "typeMismatch", children: _jsx(ValidationMessage, { children: `${props.name} is invalid` }) })] })] }));
+const Input = ({
+  type = "text",
+  isRequired = false,
+  ...props
+}) => {
+  const { base, controlContainer, control, message, icon } = inputStyles({
+    hasIcon: !!props.children,
+    ...props
+  });
+  const [value, setValue] = useState("");
+  return /* @__PURE__ */ jsxs(RadixForm.Field, { name: props.name, className: base(props), children: [
+    /* @__PURE__ */ jsx(RadixForm.Label, { children: /* @__PURE__ */ jsx(Label, { size: "md", children: props.label }) }),
+    /* @__PURE__ */ jsxs("div", { className: controlContainer(props), children: [
+      /* @__PURE__ */ jsx(RadixForm.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `${control(props)} ${labelStyles({ size: "md" })} ${placeholderStyles()}`,
+          type,
+          required: isRequired,
+          placeholder: props.placeholder,
+          onChange: (e) => setValue(e.target.value),
+          onBlur: () => props.onChange(value)
+        }
+      ) }),
+      props.children && React.cloneElement(props.children, { className: icon(props) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: message(props), children: [
+      isRequired && /* @__PURE__ */ jsx(RadixForm.Message, { match: "valueMissing", children: /* @__PURE__ */ jsx(ValidationMessage, { children: `${props.name} is required` }) }),
+      /* @__PURE__ */ jsx(RadixForm.Message, { match: "typeMismatch", children: /* @__PURE__ */ jsx(ValidationMessage, { children: `${props.name} is invalid` }) })
+    ] })
+  ] });
+};
+export {
+  Input
 };

package/dist/components/like-toggle/LikeToggle.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from "tailwind-variants";
-declare const toggleStyles: import("tailwind-variants").TVReturnType<{
+import { VariantProps } from 'tailwind-variants';
+declare const toggleStyles: import('tailwind-variants').TVReturnType<{
     pressed: {
         false: {
             base: string[];
@@ -57,7 +57,7 @@ declare const toggleStyles: import("tailwind-variants").TVReturnType<{
     base: string[];
     icon: string[];
     label: never[];
-}, import("tailwind-variants").TVReturnType<{
+}, import('tailwind-variants').TVReturnType<{
     pressed: {
         false: {
             base: string[];
@@ -95,3 +95,4 @@ interface LikeToggleProps extends LikeToggleVariants {
 }
 export declare const LikeToggle: ({ pressed, likes, onLikeChange, }: LikeToggleProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=LikeToggle.d.ts.map

package/dist/components/like-toggle/LikeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/like-toggle/LikeToggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0IhB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE5D,UAAU,eAAgB,SAAQ,kBAAkB;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,UAAU,GAAI,mCAIxB,eAAe,4CAwEjB,CAAC"}