@marigold/theme-rui 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Marigold UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# `@marigold/theme-rui`
+
+> RUI theme

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+import { Theme } from '@marigold/system';
+
+declare const theme: Theme;
+
+export { theme as default, theme };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@marigold/system';
+
+declare const theme: Theme;
+
+export { theme as default, theme };

package/dist/index.js

@@ -0,0 +1,182 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  theme: () => theme
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Button: () => Button,
+  Card: () => Card,
+  DateField: () => DateField,
+  Field: () => Field,
+  HelpText: () => HelpText,
+  Input: () => Input,
+  Label: () => Label,
+  NumberField: () => NumberField,
+  TextArea: () => TextArea,
+  inputContainer: () => inputContainer,
+  inputDisabled: () => inputDisabled,
+  inputFocus: () => inputFocus,
+  inputInvalid: () => inputInvalid,
+  inputReadOnly: () => inputReadOnly
+});
+
+// src/components/Button.styles.ts
+var import_system = require("@marigold/system");
+var Button = (0, import_system.cva)(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground"
+      }
+    }
+  }
+);
+
+// src/components/Card.styles.ts
+var import_system2 = require("@marigold/system");
+var Card = (0, import_system2.cva)("");
+
+// src/components/DateField.styles.ts
+var import_system4 = require("@marigold/system");
+
+// src/components/Input.styles.ts
+var import_system3 = require("@marigold/system");
+var inputContainer = "flex w-full px-3 py-2 rounded-lg shadow-sm shadow-black/5 border border-input-border bg-background text-sm text-foreground transition-shadow";
+var inputDisabled = "disabled:cursor-not-allowed disabled:opacity-50";
+var inputInvalid = "group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20";
+var inputFocus = "focus:border-input-ring focus:outline-none focus:ring-[3px] focus:ring-input-ring/20";
+var inputReadOnly = "read-only:bg-muted";
+var Input = {
+  input: (0, import_system3.cva)([
+    inputContainer,
+    inputDisabled,
+    inputInvalid,
+    inputFocus,
+    inputReadOnly,
+    "h-input",
+    "placeholder:text-placeholder",
+    "[&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70 file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input-border file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground",
+    "group-[icon]/input:pl-8",
+    "group-[action]/input:pr-8"
+  ]),
+  icon: (0, import_system3.cva)([
+    "pointer-events-none left-1",
+    "text-muted-foreground disabled:opacity-50"
+  ]),
+  action: (0, import_system3.cva)(["text-muted-foreground right-1"])
+};
+
+// src/components/DateField.styles.ts
+var DateField = {
+  field: (0, import_system4.cva)([
+    "h-input",
+    inputContainer,
+    inputDisabled,
+    inputFocus,
+    inputInvalid,
+    inputReadOnly
+  ]),
+  segment: (0, import_system4.cva)([]),
+  action: (0, import_system4.cva)("")
+};
+
+// src/components/Field.styles.ts
+var import_system5 = require("@marigold/system");
+var Field = (0, import_system5.cva)("space-y-2");
+
+// src/components/HelpText.styles.ts
+var import_system6 = require("@marigold/system");
+var HelpText = {
+  container: (0, import_system6.cva)([
+    "mt-2 text-xs text-muted-foreground",
+    "group-error/field:text-destructive"
+  ]),
+  icon: (0, import_system6.cva)("")
+};
+
+// src/components/Label.styles.ts
+var import_system7 = require("@marigold/system");
+var Label = {
+  container: (0, import_system7.cva)([
+    "text-sm font-medium leading-4 text-foreground",
+    "group-disabled/field:cursor-not-allowed group-disabled/field:opacity-70"
+  ]),
+  indicator: (0, import_system7.cva)(
+    "group-required/field:block group-required/field:text-destructive"
+  )
+};
+
+// src/components/NumberField.styles.ts
+var import_system8 = require("@marigold/system");
+var NumberField = {
+  group: (0, import_system8.cva)([
+    inputFocus,
+    inputInvalid,
+    "relative inline-flex w-full -mb-0.5 items-center overflow-hidden whitespace-nowrap rounded-lg h-input grow text-center tabular-nums text-foreground",
+    "border border-input-border text-sm shadow-sm shadow-black/5 transition-shadow",
+    "data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20",
+    "data-[focus-within]:border-input-ring data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-input-ring/20"
+  ]),
+  stepper: (0, import_system8.cva)([
+    "w-7 h-full",
+    "data-[disabled]:opacity-50",
+    "border-input-border border-solid first-of-type:border-r",
+    "border-input-border border-solid last-of-type:border-l "
+  ]),
+  input: (0, import_system8.cva)(
+    "border-none shadow-none rounded-none outline-offset-0 text-center focus-visible:ring-0"
+  )
+};
+
+// src/components/TextArea.styles.ts
+var import_system9 = require("@marigold/system");
+var TextArea = (0, import_system9.cva)([
+  inputContainer,
+  inputInvalid,
+  inputFocus,
+  inputDisabled,
+  inputReadOnly,
+  "data-invalid:text-destructive"
+]);
+
+// src/theme.ts
+var theme = {
+  name: "rui",
+  components: components_exports
+};
+
+// src/index.ts
+var index_default = theme;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  theme
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/NumberField.styles.ts","../src/components/TextArea.styles.ts","../src/theme.ts"],"sourcesContent":["import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './DateField.styles';\nexport * from './Input.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Label.styles';\nexport * from './NumberField.styles';\nexport * from './TextArea.styles';\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-primary/90',\n\n        destructive: 'bg-destructive text-destructive-foreground',\n      },\n    },\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva('');\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputFocus,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    inputFocus,\n    inputInvalid,\n    inputReadOnly,\n  ]),\n  segment: cva([]),\n  action: cva(''),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-sm shadow-black/5 border border-input-border bg-background text-sm text-foreground transition-shadow';\nexport const inputDisabled = 'disabled:cursor-not-allowed disabled:opacity-50';\nexport const inputInvalid =\n  'group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20';\nexport const inputFocus =\n  'focus:border-input-ring focus:outline-none focus:ring-[3px] focus:ring-input-ring/20';\nexport const inputReadOnly = 'read-only:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    inputFocus,\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70 file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input-border file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[icon]/input:pl-8',\n    'group-[action]/input:pr-8',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:opacity-50',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'mt-2 text-xs text-muted-foreground',\n    'group-error/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'text-sm font-medium leading-4 text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:opacity-70',\n  ]),\n  indicator: cva(\n    'group-required/field:block group-required/field:text-destructive'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputFocus, inputInvalid } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    inputFocus,\n    inputInvalid,\n    'relative inline-flex w-full -mb-0.5 items-center overflow-hidden whitespace-nowrap rounded-lg h-input grow text-center tabular-nums text-foreground',\n    'border border-input-border text-sm shadow-sm shadow-black/5 transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n    'data-[focus-within]:border-input-ring data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-input-ring/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full',\n    'data-[disabled]:opacity-50',\n    'border-input-border border-solid first-of-type:border-r',\n    'border-input-border border-solid last-of-type:border-l ',\n  ]),\n  input: cva(\n    'border-none shadow-none rounded-none outline-offset-0 text-center focus-visible:ring-0'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputFocus,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  inputFocus,\n  inputDisabled,\n  inputReadOnly,\n  'data-invalid:text-destructive',\n]);\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAoB;AAGb,IAAM,aAAmC;AAAA,EAC9C;AAAA,IACE;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QAEF,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;;;ACjBA,IAAAA,iBAAoB;AAGb,IAAM,WAA+B,oBAAI,EAAE;;;ACHlD,IAAAC,iBAAyC;;;ACAzC,IAAAC,iBAAoB;AAGb,IAAM,iBACX;AACK,IAAM,gBAAgB;AACtB,IAAM,eACX;AACK,IAAM,aACX;AACK,IAAM,gBAAgB;AAEtB,IAAM,QAAiC;AAAA,EAC5C,WAAO,oBAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,UAAM,oBAAI;AAAA,IACR;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,YAAQ,oBAAI,CAAC,+BAA+B,CAAC;AAC/C;;;ADrBO,IAAM,YAAyC;AAAA,EACpD,WAAO,oBAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,aAAS,oBAAI,CAAC,CAAC;AAAA,EACf,YAAQ,oBAAI,EAAE;AAChB;;;AEpBA,IAAAC,iBAAyC;AAElC,IAAM,YAAiC,oBAAI,WAAW;;;ACF7D,IAAAC,iBAAyC;AAElC,IAAM,WAAuC;AAAA,EAClD,eAAW,oBAAI;AAAA,IACb;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,UAAM,oBAAI,EAAE;AACd;;;ACRA,IAAAC,iBAAyC;AAElC,IAAM,QAAiC;AAAA,EAC5C,eAAW,oBAAI;AAAA,IACb;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,eAAW;AAAA,IACT;AAAA,EACF;AACF;;;ACVA,IAAAC,iBAAyC;AAGlC,IAAM,cAA6C;AAAA,EACxD,WAAO,oBAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,aAAS,oBAAI;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,WAAO;AAAA,IACL;AAAA,EACF;AACF;;;ACrBA,IAAAC,iBAAyC;AASlC,IAAM,eAAuC,oBAAI;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;;;ACbM,IAAM,QAAe;AAAA,EAC1B,MAAM;AAAA,EACN;AACF;;;AXHA,IAAO,gBAAQ;","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}

package/dist/index.mjs

@@ -0,0 +1,161 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Button: () => Button,
+  Card: () => Card,
+  DateField: () => DateField,
+  Field: () => Field,
+  HelpText: () => HelpText,
+  Input: () => Input,
+  Label: () => Label,
+  NumberField: () => NumberField,
+  TextArea: () => TextArea,
+  inputContainer: () => inputContainer,
+  inputDisabled: () => inputDisabled,
+  inputFocus: () => inputFocus,
+  inputInvalid: () => inputInvalid,
+  inputReadOnly: () => inputReadOnly
+});
+
+// src/components/Button.styles.ts
+import { cva } from "@marigold/system";
+var Button = cva(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground"
+      }
+    }
+  }
+);
+
+// src/components/Card.styles.ts
+import { cva as cva2 } from "@marigold/system";
+var Card = cva2("");
+
+// src/components/DateField.styles.ts
+import { cva as cva4 } from "@marigold/system";
+
+// src/components/Input.styles.ts
+import { cva as cva3 } from "@marigold/system";
+var inputContainer = "flex w-full px-3 py-2 rounded-lg shadow-sm shadow-black/5 border border-input-border bg-background text-sm text-foreground transition-shadow";
+var inputDisabled = "disabled:cursor-not-allowed disabled:opacity-50";
+var inputInvalid = "group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20";
+var inputFocus = "focus:border-input-ring focus:outline-none focus:ring-[3px] focus:ring-input-ring/20";
+var inputReadOnly = "read-only:bg-muted";
+var Input = {
+  input: cva3([
+    inputContainer,
+    inputDisabled,
+    inputInvalid,
+    inputFocus,
+    inputReadOnly,
+    "h-input",
+    "placeholder:text-placeholder",
+    "[&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70 file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input-border file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground",
+    "group-[icon]/input:pl-8",
+    "group-[action]/input:pr-8"
+  ]),
+  icon: cva3([
+    "pointer-events-none left-1",
+    "text-muted-foreground disabled:opacity-50"
+  ]),
+  action: cva3(["text-muted-foreground right-1"])
+};
+
+// src/components/DateField.styles.ts
+var DateField = {
+  field: cva4([
+    "h-input",
+    inputContainer,
+    inputDisabled,
+    inputFocus,
+    inputInvalid,
+    inputReadOnly
+  ]),
+  segment: cva4([]),
+  action: cva4("")
+};
+
+// src/components/Field.styles.ts
+import { cva as cva5 } from "@marigold/system";
+var Field = cva5("space-y-2");
+
+// src/components/HelpText.styles.ts
+import { cva as cva6 } from "@marigold/system";
+var HelpText = {
+  container: cva6([
+    "mt-2 text-xs text-muted-foreground",
+    "group-error/field:text-destructive"
+  ]),
+  icon: cva6("")
+};
+
+// src/components/Label.styles.ts
+import { cva as cva7 } from "@marigold/system";
+var Label = {
+  container: cva7([
+    "text-sm font-medium leading-4 text-foreground",
+    "group-disabled/field:cursor-not-allowed group-disabled/field:opacity-70"
+  ]),
+  indicator: cva7(
+    "group-required/field:block group-required/field:text-destructive"
+  )
+};
+
+// src/components/NumberField.styles.ts
+import { cva as cva8 } from "@marigold/system";
+var NumberField = {
+  group: cva8([
+    inputFocus,
+    inputInvalid,
+    "relative inline-flex w-full -mb-0.5 items-center overflow-hidden whitespace-nowrap rounded-lg h-input grow text-center tabular-nums text-foreground",
+    "border border-input-border text-sm shadow-sm shadow-black/5 transition-shadow",
+    "data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20",
+    "data-[focus-within]:border-input-ring data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-input-ring/20"
+  ]),
+  stepper: cva8([
+    "w-7 h-full",
+    "data-[disabled]:opacity-50",
+    "border-input-border border-solid first-of-type:border-r",
+    "border-input-border border-solid last-of-type:border-l "
+  ]),
+  input: cva8(
+    "border-none shadow-none rounded-none outline-offset-0 text-center focus-visible:ring-0"
+  )
+};
+
+// src/components/TextArea.styles.ts
+import { cva as cva9 } from "@marigold/system";
+var TextArea = cva9([
+  inputContainer,
+  inputInvalid,
+  inputFocus,
+  inputDisabled,
+  inputReadOnly,
+  "data-invalid:text-destructive"
+]);
+
+// src/theme.ts
+var theme = {
+  name: "rui",
+  components: components_exports
+};
+
+// src/index.ts
+var index_default = theme;
+export {
+  index_default as default,
+  theme
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/NumberField.styles.ts","../src/components/TextArea.styles.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './DateField.styles';\nexport * from './Input.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Label.styles';\nexport * from './NumberField.styles';\nexport * from './TextArea.styles';\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-primary/90',\n\n        destructive: 'bg-destructive text-destructive-foreground',\n      },\n    },\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva('');\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputFocus,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    inputFocus,\n    inputInvalid,\n    inputReadOnly,\n  ]),\n  segment: cva([]),\n  action: cva(''),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-sm shadow-black/5 border border-input-border bg-background text-sm text-foreground transition-shadow';\nexport const inputDisabled = 'disabled:cursor-not-allowed disabled:opacity-50';\nexport const inputInvalid =\n  'group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20';\nexport const inputFocus =\n  'focus:border-input-ring focus:outline-none focus:ring-[3px] focus:ring-input-ring/20';\nexport const inputReadOnly = 'read-only:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    inputFocus,\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70 file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input-border file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[icon]/input:pl-8',\n    'group-[action]/input:pr-8',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:opacity-50',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'mt-2 text-xs text-muted-foreground',\n    'group-error/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'text-sm font-medium leading-4 text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:opacity-70',\n  ]),\n  indicator: cva(\n    'group-required/field:block group-required/field:text-destructive'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputFocus, inputInvalid } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    inputFocus,\n    inputInvalid,\n    'relative inline-flex w-full -mb-0.5 items-center overflow-hidden whitespace-nowrap rounded-lg h-input grow text-center tabular-nums text-foreground',\n    'border border-input-border text-sm shadow-sm shadow-black/5 transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n    'data-[focus-within]:border-input-ring data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-input-ring/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full',\n    'data-[disabled]:opacity-50',\n    'border-input-border border-solid first-of-type:border-r',\n    'border-input-border border-solid last-of-type:border-l ',\n  ]),\n  input: cva(\n    'border-none shadow-none rounded-none outline-offset-0 text-center focus-visible:ring-0'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputFocus,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  inputFocus,\n  inputDisabled,\n  inputReadOnly,\n  'data-invalid:text-destructive',\n]);\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,SAAS,WAAW;AAGb,IAAM,SAAmC;AAAA,EAC9C;AAAA,IACE;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QAEF,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;;;ACjBA,SAAS,OAAAA,YAAW;AAGb,IAAM,OAA+BA,KAAI,EAAE;;;ACHlD,SAA8B,OAAAC,YAAW;;;ACAzC,SAAS,OAAAC,YAAW;AAGb,IAAM,iBACX;AACK,IAAM,gBAAgB;AACtB,IAAM,eACX;AACK,IAAM,aACX;AACK,IAAM,gBAAgB;AAEtB,IAAM,QAAiC;AAAA,EAC5C,OAAOA,KAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,MAAMA,KAAI;AAAA,IACR;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,QAAQA,KAAI,CAAC,+BAA+B,CAAC;AAC/C;;;ADrBO,IAAM,YAAyC;AAAA,EACpD,OAAOC,KAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,SAASA,KAAI,CAAC,CAAC;AAAA,EACf,QAAQA,KAAI,EAAE;AAChB;;;AEpBA,SAA8B,OAAAC,YAAW;AAElC,IAAM,QAAiCA,KAAI,WAAW;;;ACF7D,SAA8B,OAAAC,YAAW;AAElC,IAAM,WAAuC;AAAA,EAClD,WAAWA,KAAI;AAAA,IACb;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,MAAMA,KAAI,EAAE;AACd;;;ACRA,SAA8B,OAAAC,YAAW;AAElC,IAAM,QAAiC;AAAA,EAC5C,WAAWA,KAAI;AAAA,IACb;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,WAAWA;AAAA,IACT;AAAA,EACF;AACF;;;ACVA,SAA8B,OAAAC,YAAW;AAGlC,IAAM,cAA6C;AAAA,EACxD,OAAOC,KAAI;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,SAASA,KAAI;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,OAAOA;AAAA,IACL;AAAA,EACF;AACF;;;ACrBA,SAA8B,OAAAC,YAAW;AASlC,IAAM,WAAuCC,KAAI;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;;;ACbM,IAAM,QAAe;AAAA,EAC1B,MAAM;AAAA,EACN;AACF;;;ACHA,IAAO,gBAAQ;","names":["cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva"]}