@sakura-ui/sakura-ui 0.1.20 → 0.1.21

package/packages/tailwind-theme-plugin/src/index.ts

@@ -0,0 +1,519 @@
+import plugin from 'tailwindcss/plugin'
+import tokens from '@digital-go-jp/design-tokens'
+
+const booleans = [
+  'atomic',
+  'busy',
+  'checked',
+  'current',
+  'disabled',
+  'expanded',
+  'grabbed',
+  'haspopup',
+  'hidden',
+  'invalid',
+  'live',
+  'modal',
+  'multiline',
+  'multiselectable',
+  'pressed',
+  'readonly',
+  'required',
+  'selected'
+]
+
+const enumerables = {
+  autocomplete: ['both', 'inline', 'list', 'none'],
+  current: ['date', 'location', 'page', 'step', 'time'],
+  dropeffect: ['copy', 'execute', 'link', 'move', 'none', 'popup'],
+  haspopup: ['dialog', 'grid', 'listbox', 'menu', 'tree'],
+  orientation: ['horizontal', 'undefined', 'vertial'],
+  relevant: ['additions', 'all', 'removals', 'text'],
+  sort: ['ascending', 'descending', 'none', 'other']
+}
+
+const sakuraPlugin = plugin(
+  ({ addBase, addVariant }) => {
+    addBase({
+      '@font-face': {
+        fontFamily: 'Material Symbols Outlined',
+        fontWeight: '300',
+        fontStyle: 'normal'
+      }
+    })
+    const addAriaVariant = (name: string, value: string) => {
+      addVariant(name, `[${name}="${value}"]&`)
+      addVariant(`peer-${name}`, `:merge(.peer)[${name}="${value}"] ~ &`)
+      addVariant(`group-${name}`, `:merge(.group)[${name}="${value}"] &`)
+    }
+    const addAriaEnumVariant = (name: string, value: string) => {
+      addVariant(`${name}-${value}`, `[${name}="${value}"]&`)
+      addVariant(
+        `peer-${name}-${value}`,
+        `:merge(.peer)[${name}="${value}"] ~ &`
+      )
+      addVariant(
+        `group-${name}-${value}`,
+        `:merge(.group)[${name}="${value}"] &`
+      )
+    }
+
+    for (const attribute of booleans) {
+      addAriaVariant(`aria-${attribute}`, 'true')
+    }
+
+    for (const [attribute, values] of Object.entries(enumerables)) {
+      for (const value of values) {
+        addAriaEnumVariant(`aria-${attribute}`, value)
+      }
+    }
+  },
+  {
+    theme: {
+      extend: {
+        fontSize: {
+          'h-xl': [
+            tokens.FontSize[45].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_4'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h1
+          'h-lg': [
+            tokens.FontSize[36].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_4'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h1 Mobile
+          'h-lg-m': [
+            tokens.FontSize[32].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h2
+          'h-med': [
+            tokens.FontSize[32].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h2 Mobile
+          'h-med-m': [
+            tokens.FontSize[28].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h3
+          'h-sm': [
+            tokens.FontSize[28].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h3 Mobile
+          'h-sm-m': [
+            tokens.FontSize[24].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h4
+          'h-xs': [
+            tokens.FontSize[24].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h4 Mobile
+          'h-xs-m': [
+            tokens.FontSize[22].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h5 h6
+          'h-xxs': [
+            tokens.FontSize[20].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_5'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          // h5 h6 Mobile
+          'h-xxs-m': [
+            tokens.FontSize[18].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_6'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          base: [
+            tokens.FontSize[16].value,
+            {
+              fontWeight: tokens.FontWeight[400].value,
+              lineHeight: tokens.LineHeight['1_7'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          'base-sm': [
+            tokens.FontSize[14].value,
+            {
+              fontWeight: tokens.FontWeight[400].value,
+              lineHeight: tokens.LineHeight['1_3'].value
+            }
+          ],
+          'tb-header': [
+            tokens.FontSize[16].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_2'].value
+            }
+          ],
+          'tb-data': [
+            tokens.FontSize[16].value,
+            {
+              fontWeight: tokens.FontWeight[400].value,
+              lineHeight: tokens.LineHeight['1_2'].value
+            }
+          ],
+          ui: [
+            tokens.FontSize[16].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_0'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          'ui-sm': [
+            tokens.FontSize[14].value,
+            {
+              fontWeight: tokens.FontWeight[700].value,
+              lineHeight: tokens.LineHeight['1_0'].value,
+              letterSpacing: '0.02em'
+            }
+          ],
+          code: [
+            tokens.FontSize[16].value,
+            {
+              fontWeight: tokens.FontWeight[400].value,
+              lineHeight: tokens.LineHeight['1_5'].value
+            }
+          ]
+        },
+        colors: {
+          white: tokens.Color.Neutral.White.value,
+          black: tokens.Color.Neutral.Black.value,
+          sea: {
+            50: tokens.Color.Primitive.Sea[50].value,
+            100: tokens.Color.Primitive.Sea[100].value,
+            200: tokens.Color.Primitive.Sea[200].value,
+            300: tokens.Color.Primitive.Sea[300].value,
+            400: tokens.Color.Primitive.Sea[400].value,
+            500: tokens.Color.Primitive.Sea[500].value,
+            600: tokens.Color.Primitive.Sea[600].value,
+            700: tokens.Color.Primitive.Sea[700].value,
+            800: tokens.Color.Primitive.Sea[800].value,
+            900: tokens.Color.Primitive.Sea[900].value,
+            1000: tokens.Color.Primitive.Sea[1000].value,
+            1100: tokens.Color.Primitive.Sea[1100].value,
+            1200: tokens.Color.Primitive.Sea[1200].value
+          },
+          sumi: {
+            50: tokens.Color.Primitive.Sumi[50].value,
+            100: tokens.Color.Primitive.Sumi[100].value,
+            200: tokens.Color.Primitive.Sumi[200].value,
+            300: tokens.Color.Primitive.Sumi[300].value,
+            400: tokens.Color.Primitive.Sumi[400].value,
+            500: tokens.Color.Primitive.Sumi[500].value,
+            600: tokens.Color.Primitive.Sumi[600].value,
+            700: tokens.Color.Primitive.Sumi[700].value,
+            800: tokens.Color.Primitive.Sumi[800].value,
+            900: tokens.Color.Primitive.Sumi[900].value,
+            1000: tokens.Color.Primitive.Sumi[1000].value,
+            1100: tokens.Color.Primitive.Sumi[1100].value,
+            1200: tokens.Color.Primitive.Sumi[1200].value
+          },
+          forest: {
+            50: tokens.Color.Primitive.Forest[50].value,
+            100: tokens.Color.Primitive.Forest[100].value,
+            200: tokens.Color.Primitive.Forest[200].value,
+            300: tokens.Color.Primitive.Forest[300].value,
+            400: tokens.Color.Primitive.Forest[400].value,
+            500: tokens.Color.Primitive.Forest[500].value,
+            600: tokens.Color.Primitive.Forest[600].value,
+            700: tokens.Color.Primitive.Forest[700].value,
+            800: tokens.Color.Primitive.Forest[800].value,
+            900: tokens.Color.Primitive.Forest[900].value,
+            1000: tokens.Color.Primitive.Forest[1000].value,
+            1100: tokens.Color.Primitive.Forest[1100].value,
+            1200: tokens.Color.Primitive.Forest[1200].value
+          },
+          wood: {
+            50: tokens.Color.Primitive.Wood[50].value,
+            100: tokens.Color.Primitive.Wood[100].value,
+            200: tokens.Color.Primitive.Wood[200].value,
+            300: tokens.Color.Primitive.Wood[300].value,
+            400: tokens.Color.Primitive.Wood[400].value,
+            500: tokens.Color.Primitive.Wood[500].value,
+            600: tokens.Color.Primitive.Wood[600].value,
+            700: tokens.Color.Primitive.Wood[700].value,
+            800: tokens.Color.Primitive.Wood[800].value,
+            900: tokens.Color.Primitive.Wood[900].value,
+            1000: tokens.Color.Primitive.Wood[1000].value,
+            1100: tokens.Color.Primitive.Wood[1100].value,
+            1200: tokens.Color.Primitive.Wood[1200].value
+          },
+          sun: {
+            50: tokens.Color.Primitive.Sun[50].value,
+            100: tokens.Color.Primitive.Sun[100].value,
+            200: tokens.Color.Primitive.Sun[200].value,
+            300: tokens.Color.Primitive.Sun[300].value,
+            400: tokens.Color.Primitive.Sun[400].value,
+            500: tokens.Color.Primitive.Sun[500].value,
+            600: tokens.Color.Primitive.Sun[600].value,
+            700: tokens.Color.Primitive.Sun[700].value,
+            800: tokens.Color.Primitive.Sun[800].value,
+            900: tokens.Color.Primitive.Sun[900].value,
+            1000: tokens.Color.Primitive.Sun[1000].value,
+            1100: tokens.Color.Primitive.Sun[1100].value,
+            1200: tokens.Color.Primitive.Sun[1200].value
+          },
+          blue: {
+            50: tokens.Color.Primitive.Blue[50].value,
+            100: tokens.Color.Primitive.Blue[100].value,
+            200: tokens.Color.Primitive.Blue[200].value,
+            300: tokens.Color.Primitive.Blue[300].value,
+            400: tokens.Color.Primitive.Blue[400].value,
+            500: tokens.Color.Primitive.Blue[500].value,
+            600: tokens.Color.Primitive.Blue[600].value,
+            700: tokens.Color.Primitive.Blue[700].value,
+            800: tokens.Color.Primitive.Blue[800].value,
+            900: tokens.Color.Primitive.Blue[900].value,
+            1000: tokens.Color.Primitive.Blue[1000].value,
+            1100: tokens.Color.Primitive.Blue[1100].value,
+            1200: tokens.Color.Primitive.Blue[1200].value
+          },
+          'light-blue': {
+            50: tokens.Color.Primitive.LightBlue[50].value,
+            100: tokens.Color.Primitive.LightBlue[100].value,
+            200: tokens.Color.Primitive.LightBlue[200].value,
+            300: tokens.Color.Primitive.LightBlue[300].value,
+            400: tokens.Color.Primitive.LightBlue[400].value,
+            500: tokens.Color.Primitive.LightBlue[500].value,
+            600: tokens.Color.Primitive.LightBlue[600].value,
+            700: tokens.Color.Primitive.LightBlue[700].value,
+            800: tokens.Color.Primitive.LightBlue[800].value,
+            900: tokens.Color.Primitive.LightBlue[900].value,
+            1000: tokens.Color.Primitive.LightBlue[1000].value,
+            1100: tokens.Color.Primitive.LightBlue[1100].value,
+            1200: tokens.Color.Primitive.LightBlue[1200].value
+          },
+          cyan: {
+            50: tokens.Color.Primitive.Cyan[50].value,
+            100: tokens.Color.Primitive.Cyan[100].value,
+            200: tokens.Color.Primitive.Cyan[200].value,
+            300: tokens.Color.Primitive.Cyan[300].value,
+            400: tokens.Color.Primitive.Cyan[400].value,
+            500: tokens.Color.Primitive.Cyan[500].value,
+            600: tokens.Color.Primitive.Cyan[600].value,
+            700: tokens.Color.Primitive.Cyan[700].value,
+            800: tokens.Color.Primitive.Cyan[800].value,
+            900: tokens.Color.Primitive.Cyan[900].value,
+            1000: tokens.Color.Primitive.Cyan[1000].value,
+            1100: tokens.Color.Primitive.Cyan[1100].value,
+            1200: tokens.Color.Primitive.Cyan[1200].value
+          },
+          green: {
+            50: tokens.Color.Primitive.Green[50].value,
+            100: tokens.Color.Primitive.Green[100].value,
+            200: tokens.Color.Primitive.Green[200].value,
+            300: tokens.Color.Primitive.Green[300].value,
+            400: tokens.Color.Primitive.Green[400].value,
+            500: tokens.Color.Primitive.Green[500].value,
+            600: tokens.Color.Primitive.Green[600].value,
+            700: tokens.Color.Primitive.Green[700].value,
+            800: tokens.Color.Primitive.Green[800].value,
+            900: tokens.Color.Primitive.Green[900].value,
+            1000: tokens.Color.Primitive.Green[1000].value,
+            1100: tokens.Color.Primitive.Green[1100].value,
+            1200: tokens.Color.Primitive.Green[1200].value
+          },
+          lime: {
+            50: tokens.Color.Primitive.Lime[50].value,
+            100: tokens.Color.Primitive.Lime[100].value,
+            200: tokens.Color.Primitive.Lime[200].value,
+            300: tokens.Color.Primitive.Lime[300].value,
+            400: tokens.Color.Primitive.Lime[400].value,
+            500: tokens.Color.Primitive.Lime[500].value,
+            600: tokens.Color.Primitive.Lime[600].value,
+            700: tokens.Color.Primitive.Lime[700].value,
+            800: tokens.Color.Primitive.Lime[800].value,
+            900: tokens.Color.Primitive.Lime[900].value,
+            1000: tokens.Color.Primitive.Lime[1000].value,
+            1100: tokens.Color.Primitive.Lime[1100].value,
+            1200: tokens.Color.Primitive.Lime[1200].value
+          },
+          yellow: {
+            50: tokens.Color.Primitive.Yellow[50].value,
+            100: tokens.Color.Primitive.Yellow[100].value,
+            200: tokens.Color.Primitive.Yellow[200].value,
+            300: tokens.Color.Primitive.Yellow[300].value,
+            400: tokens.Color.Primitive.Yellow[400].value,
+            500: tokens.Color.Primitive.Yellow[500].value,
+            600: tokens.Color.Primitive.Yellow[600].value,
+            700: tokens.Color.Primitive.Yellow[700].value,
+            800: tokens.Color.Primitive.Yellow[800].value,
+            900: tokens.Color.Primitive.Yellow[900].value,
+            1000: tokens.Color.Primitive.Yellow[1000].value,
+            1100: tokens.Color.Primitive.Yellow[1100].value,
+            1200: tokens.Color.Primitive.Yellow[1200].value
+          },
+          orange: {
+            50: tokens.Color.Primitive.Orange[50].value,
+            100: tokens.Color.Primitive.Orange[100].value,
+            200: tokens.Color.Primitive.Orange[200].value,
+            300: tokens.Color.Primitive.Orange[300].value,
+            400: tokens.Color.Primitive.Orange[400].value,
+            500: tokens.Color.Primitive.Orange[500].value,
+            600: tokens.Color.Primitive.Orange[600].value,
+            700: tokens.Color.Primitive.Orange[700].value,
+            800: tokens.Color.Primitive.Orange[800].value,
+            900: tokens.Color.Primitive.Orange[900].value,
+            1000: tokens.Color.Primitive.Orange[1000].value,
+            1100: tokens.Color.Primitive.Orange[1100].value,
+            1200: tokens.Color.Primitive.Orange[1200].value
+          },
+          red: {
+            50: tokens.Color.Primitive.Red[50].value,
+            100: tokens.Color.Primitive.Red[100].value,
+            200: tokens.Color.Primitive.Red[200].value,
+            300: tokens.Color.Primitive.Red[300].value,
+            400: tokens.Color.Primitive.Red[400].value,
+            500: tokens.Color.Primitive.Red[500].value,
+            600: tokens.Color.Primitive.Red[600].value,
+            700: tokens.Color.Primitive.Red[700].value,
+            800: tokens.Color.Primitive.Red[800].value,
+            900: tokens.Color.Primitive.Red[900].value,
+            1000: tokens.Color.Primitive.Red[1000].value,
+            1100: tokens.Color.Primitive.Red[1100].value,
+            1200: tokens.Color.Primitive.Red[1200].value
+          },
+          magenta: {
+            50: tokens.Color.Primitive.Magenta[50].value,
+            100: tokens.Color.Primitive.Magenta[100].value,
+            200: tokens.Color.Primitive.Magenta[200].value,
+            300: tokens.Color.Primitive.Magenta[300].value,
+            400: tokens.Color.Primitive.Magenta[400].value,
+            500: tokens.Color.Primitive.Magenta[500].value,
+            600: tokens.Color.Primitive.Magenta[600].value,
+            700: tokens.Color.Primitive.Magenta[700].value,
+            800: tokens.Color.Primitive.Magenta[800].value,
+            900: tokens.Color.Primitive.Magenta[900].value,
+            1000: tokens.Color.Primitive.Magenta[1000].value,
+            1100: tokens.Color.Primitive.Magenta[1100].value,
+            1200: tokens.Color.Primitive.Magenta[1200].value
+          },
+          purple: {
+            50: tokens.Color.Primitive.Purple[50].value,
+            100: tokens.Color.Primitive.Purple[100].value,
+            200: tokens.Color.Primitive.Purple[200].value,
+            300: tokens.Color.Primitive.Purple[300].value,
+            400: tokens.Color.Primitive.Purple[400].value,
+            500: tokens.Color.Primitive.Purple[500].value,
+            600: tokens.Color.Primitive.Purple[600].value,
+            700: tokens.Color.Primitive.Purple[700].value,
+            800: tokens.Color.Primitive.Purple[800].value,
+            900: tokens.Color.Primitive.Purple[900].value,
+            1000: tokens.Color.Primitive.Purple[1000].value,
+            1100: tokens.Color.Primitive.Purple[1100].value,
+            1200: tokens.Color.Primitive.Purple[1200].value
+          },
+          'solid-grey': {
+            50: tokens.Color.Neutral.SolidGrey[50].value,
+            100: tokens.Color.Neutral.SolidGrey[100].value,
+            200: tokens.Color.Neutral.SolidGrey[200].value,
+            300: tokens.Color.Neutral.SolidGrey[300].value,
+            400: tokens.Color.Neutral.SolidGrey[400].value,
+            420: tokens.Color.Neutral.SolidGrey[420].value,
+            500: tokens.Color.Neutral.SolidGrey[500].value,
+            536: tokens.Color.Neutral.SolidGrey[536].value,
+            600: tokens.Color.Neutral.SolidGrey[600].value,
+            700: tokens.Color.Neutral.SolidGrey[700].value,
+            800: tokens.Color.Neutral.SolidGrey[800].value,
+            900: tokens.Color.Neutral.SolidGrey[900].value
+          },
+          'success-1': tokens.Color.Success[1].value,
+          'success-2': tokens.Color.Success[2].value,
+          'error-1': tokens.Color.Error[1].value,
+          'error-2': tokens.Color.Error[2].value,
+          'warning-yellow-1': tokens.Color.Warning.Yellow[1].value,
+          'warning-yellow-2': tokens.Color.Warning.Yellow[2].value,
+          'warning-orange-1': tokens.Color.Warning.Orange[1].value,
+          'warning-orange-2': tokens.Color.Warning.Orange[2].value,
+          'focus-yellow': tokens.Color.Primitive.Yellow[700].value,
+          'focus-blue': tokens.Color.Primitive.LightBlue[700].value
+        },
+        lineHeight: {
+          '1-0': tokens.LineHeight['1_0'].value,
+          '1-2': tokens.LineHeight['1_2'].value,
+          '1-3': tokens.LineHeight['1_3'].value,
+          '1-4': tokens.LineHeight['1_4'].value,
+          '1-5': tokens.LineHeight['1_5'].value,
+          '1-6': tokens.LineHeight['1_6'].value,
+          '1-7': tokens.LineHeight['1_7'].value
+        },
+        listStyleType: {
+          'lower-latin': 'lower-latin',
+          circle: 'circle',
+          square: 'square'
+        },
+        fontFamily: {
+          sans: [
+            'Noto Sans JP',
+            '-apple-system',
+            'blinkmacsystemfont',
+            'Segoe UI',
+            'Hiragino Kaku Gothic ProN',
+            'BIZ UDPGothic',
+            'meiryo',
+            'sans-serif'
+          ],
+          code: [
+            'Noto Sans Mono',
+            'Monaco',
+            'Menlo',
+            'Consolas',
+            'Courier New',
+            'monospace'
+          ],
+          icon: ['Material Symbols Outlined']
+        }
+      }
+    }
+  }
+)
+
+export default sakuraPlugin

package/packages/tailwind-theme-plugin/tests/index.test.ts

@@ -0,0 +1,13 @@
+import sakuraPlugin from '../src'
+
+describe('run tests', () => {
+  it('tests the sakuraConfig', () => {
+    const config = {
+      mode: 'jit',
+      content: ['./src/components/**/*.{js,ts,jsx,tsx}'],
+      plugins: [sakuraPlugin]
+    }
+    console.log(config)
+    expect(1 + 2).toBe(3)
+  })
+})

package/packages/tailwind-theme-plugin/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "declarationDir": "./dist/types",
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/packages/tailwind-theme-plugin/tsconfig.node.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "composite": true
+  },
+  "include": ["vite.config.ts"]
+}

package/packages/tailwind-theme-plugin/vite.config.ts

@@ -0,0 +1,26 @@
+/// <reference types="vitest" />
+import { resolve } from 'path'
+import { defineConfig } from 'vite'
+import { peerDependencies } from './package.json'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src', 'index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: (ext: string) => `index.${ext}.js`
+    },
+    rollupOptions: {
+      external: [...Object.keys(peerDependencies)]
+    }
+  },
+  test: {
+    globals: true
+  }
+})

package/packages/forms/dist/components/Checkbox.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { cx } from '../utils/class';
-import { ControllerContext } from './context';
-export const Checkbox = React.forwardRef((props, ref) => {
-    const { className, children, ...restProps } = props;
-    const ctx = React.useContext(ControllerContext);
-    if (ctx.isRequired) {
-        restProps.required = true;
-    }
-    if (ctx.groupName) {
-        restProps.name = ctx.groupName;
-    }
-    const style = `
-      inline-block
-      text-base
-      cursor-pointer
-      py-2
-      mr-4
-    `;
-    const styleInput = `
-      peer
-      sr-only
-    `;
-    const styleCheck = `
-      bg-clip-content
-      w-6 h-6
-      ml-1
-      mr-2
-      rounded
-      border
-      border-solid
-      border-sumi-900
-      fill-transparent
-      peer-checked:fill-white-1000
-      peer-checked:bg-sea-600
-      peer-checked:border-none
-      peer-disabled:border-sumi-500
-      peer-focus-visible:ring-2
-      peer-focus-visible:ring-offset-2
-      peer-focus-visible:ring-wood-500
-    `;
-    return (_jsx("label", { htmlFor: restProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "checkbox", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ...restProps, ref: ref }), _jsx("span", { className: styleCheck, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", children: _jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) }) }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
-});
-Checkbox.displayName = 'Checkbox';
-//# sourceMappingURL=Checkbox.js.map

package/packages/forms/dist/components/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,SAAS,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC/B;IAED,MAAM,KAAK,GAAG;;;;;;KAMb,CAAA;IAED,MAAM,UAAU,GAAG;;;KAGlB,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;KAiBlB,CAAA;IAED,OAAO,CACL,gBAAO,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC3D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,UAAU,sBACG,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,KAClC,SAAS,EACb,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wEAAwE,GAAG,GAC/E,GACD,EACP,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/packages/forms/dist/components/FieldsetControl.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { cx } from '../utils/class';
-import { ControllerContext } from './context';
-export const FieldsetControl = React.forwardRef((props, ref) => {
-    const id = React.useId();
-    const { labelText, className, helperText, errorMessage, isInvalid, isRequired, direction, children, ...restProps } = props;
-    const groupName = restProps.name ?? `group-${id}`;
-    const context = {
-        groupName: groupName,
-        helperTextId: `helper-text-${id}`,
-        errorMessageId: `error-message-${id}`,
-        isInvalid: isInvalid ?? false,
-        isRequired: isRequired ?? false
-    };
-    const styleDirection = direction ?? 'flex-col';
-    return (_jsx(ControllerContext.Provider, { value: context, children: _jsxs("fieldset", { className: cx('mb-4', className), ref: ref, ...restProps, children: [_jsx("legend", { children: _jsxs("p", { className: cx('block mb-2 text-label', isInvalid && 'text-sun-800'), children: [labelText, isRequired && _jsx("span", { className: "text-sun-800", children: "\u00A0*" })] }) }), _jsx("div", { className: cx('inline-flex', styleDirection), children: children }), helperText && (_jsx("p", { id: context.helperTextId, className: "text-sup text-sumi-700 mt-2", children: helperText })), isInvalid && (_jsx("p", { id: context.errorMessageId, className: cx('text-sup text-sun-800', helperText ? 'mt-1' : 'mt-2'), children: errorMessage }))] }) }));
-});
-FieldsetControl.displayName = 'FieldsetControl';
-//# sourceMappingURL=FieldsetControl.js.map

package/packages/forms/dist/components/FieldsetControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldsetControl.js","sourceRoot":"","sources":["../../src/components/FieldsetControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAY7C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,EAAE,EAAE,CAAA;IAEjD,MAAM,OAAO,GAAG;QACd,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,eAAe,EAAE,EAAE;QACjC,cAAc,EAAE,iBAAiB,EAAE,EAAE;QACrC,SAAS,EAAE,SAAS,IAAI,KAAK;QAC7B,UAAU,EAAE,UAAU,IAAI,KAAK;KAChC,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,IAAI,UAAU,CAAA;IAE9C,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,oBAAU,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,SAAS,aACjE,2BACE,aACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,IAAI,cAAc,CAAC,aAElE,SAAS,EACT,UAAU,IAAI,eAAM,SAAS,EAAC,cAAc,wBAAe,IAC1D,GACG,EACT,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,YAAG,QAAQ,GAAO,EAClE,UAAU,IAAI,CACb,YAAG,EAAE,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,EAAC,6BAA6B,YACjE,UAAU,GACT,CACL,EACA,SAAS,IAAI,CACZ,YACE,EAAE,EAAE,OAAO,CAAC,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC7B,YAEA,YAAY,GACX,CACL,IACQ,GACgB,CAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}