jvetrau-ds 0.2.8 → 0.2.10

package/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select/select.tsx"],"names":["classnames","jsx"],"mappings":";;;;;AASA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GAClB,CAAA;AAEH,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACd,QAAA,kBAAAA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"select.cjs","sourcesContent":["import React from 'react';\n//import './select.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface SelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Select: React.FC<SelectProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const classes = classnames('select', className, {\n    error: state === 'error',\n    success: state === 'success',\n    });\n\n  return (\n    <div className={classes}>\n      <select\n        className=\"select__field\"\n        disabled={disabled}\n        {...props}\n      >\n        {children}\n      </select>\n    </div>\n  );\n};\n\nexport default Select;"]}
+{"version":3,"sources":["../../../src/components/select/select.tsx"],"names":["classnames","jsx"],"mappings":";;;;;AAcA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,QAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,iBACE,KAAA,KAAU,OAAA;AAAA,MACZ,mBACE,KAAA,KAAU,SAAA;AAAA,MACZ,uBACE,KAAA,KAAU,OAAA;AAAA,MACZ,yBACE,KAAA,KAAU,SAAA;AAAA,MACZ,qBACE,KAAA,KAAU;AAAA;AACd,GACF;AAEA,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACd,QAAA,kBAAAA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"select.cjs","sourcesContent":["import React from 'react';\nimport { classnames } from '../helpers/classnames';\n\ntype SelectWidth =\n  | 'short'\n  | 'default'\n  | 'max';\n\nexport interface SelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  state?: 'default' | 'error' | 'success';\n  width?: SelectWidth;\n}\n\nconst Select: React.FC<SelectProps> = ({\n  state = 'default',\n  width = 'default',\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'select',\n    className,\n    {\n      'select--error':\n        state === 'error',\n      'select--success':\n        state === 'success',\n      'select--width-short':\n        width === 'short',\n      'select--width-default':\n        width === 'default',\n      'select--width-max':\n        width === 'max',\n    },\n  );\n\n  return (\n    <div className={classes}>\n      <select\n        className=\"select__field\"\n        disabled={disabled}\n        {...props}\n      >\n        {children}\n      </select>\n    </div>\n  );\n};\n\nexport default Select;\n"]}

package/components/select/select.css

@@ -30,7 +30,7 @@
 
   position: relative;
   display: inline-block;
-  width: 100%;
+  box-sizing: border-box;
 
   /* border */
   --select-border-width: var(--size-border-width-base);
@@ -51,6 +51,21 @@
   --select-transition-duration: 0.2s;
 }
 
+.select--width-short {
+  /* size */
+  width: fit-content;
+}
+
+.select--width-default {
+  /* size */
+  width: 400px;
+}
+
+.select--width-max {
+  /* size */
+  width: 100%;
+}
+
 .select__field {
   /* color */
   background: var(--select-bg);
@@ -61,6 +76,7 @@
   letter-spacing: inherit;
 
   /* size */
+  box-sizing: border-box;
   width: 100%;
   height: var(--select-height);
   padding-left: var(--select-padding-x);

package/components/select/select.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+type SelectWidth = 'short' | 'default' | 'max';
 export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     state?: 'default' | 'error' | 'success';
+    width?: SelectWidth;
 }
 declare const Select: React.FC<SelectProps>;
 export default Select;

package/components/select/select.js

@@ -3,15 +3,23 @@ import { classnames } from '../helpers/classnames';
 
 const Select = ({
   state = "default",
+  width = "default",
   className = "",
   disabled = false,
   children,
   ...props
 }) => {
-  const classes = classnames("select", className, {
-    error: state === "error",
-    success: state === "success"
-  });
+  const classes = classnames(
+    "select",
+    className,
+    {
+      "select--error": state === "error",
+      "select--success": state === "success",
+      "select--width-short": width === "short",
+      "select--width-default": width === "default",
+      "select--width-max": width === "max"
+    }
+  );
   return /* @__PURE__ */ jsx("div", { className: classes, children: /* @__PURE__ */ jsx(
     "select",
     {

package/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":";;;AASA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GAClB,CAAA;AAEH,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACd,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"select.js","sourcesContent":["import React from 'react';\n//import './select.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface SelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Select: React.FC<SelectProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const classes = classnames('select', className, {\n    error: state === 'error',\n    success: state === 'success',\n    });\n\n  return (\n    <div className={classes}>\n      <select\n        className=\"select__field\"\n        disabled={disabled}\n        {...props}\n      >\n        {children}\n      </select>\n    </div>\n  );\n};\n\nexport default Select;"]}
+{"version":3,"sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":";;;AAcA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,QAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,iBACE,KAAA,KAAU,OAAA;AAAA,MACZ,mBACE,KAAA,KAAU,SAAA;AAAA,MACZ,uBACE,KAAA,KAAU,OAAA;AAAA,MACZ,yBACE,KAAA,KAAU,SAAA;AAAA,MACZ,qBACE,KAAA,KAAU;AAAA;AACd,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACd,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"select.js","sourcesContent":["import React from 'react';\nimport { classnames } from '../helpers/classnames';\n\ntype SelectWidth =\n  | 'short'\n  | 'default'\n  | 'max';\n\nexport interface SelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  state?: 'default' | 'error' | 'success';\n  width?: SelectWidth;\n}\n\nconst Select: React.FC<SelectProps> = ({\n  state = 'default',\n  width = 'default',\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const classes = classnames(\n    'select',\n    className,\n    {\n      'select--error':\n        state === 'error',\n      'select--success':\n        state === 'success',\n      'select--width-short':\n        width === 'short',\n      'select--width-default':\n        width === 'default',\n      'select--width-max':\n        width === 'max',\n    },\n  );\n\n  return (\n    <div className={classes}>\n      <select\n        className=\"select__field\"\n        disabled={disabled}\n        {...props}\n      >\n        {children}\n      </select>\n    </div>\n  );\n};\n\nexport default Select;\n"]}

package/components/textarea/textarea.cjs

@@ -1,23 +1,87 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var classnames = require('../helpers/classnames');
 
+function parsePixelValue(value) {
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
 const Textarea = ({
   state = "default",
+  width = "default",
+  autoGrow = false,
   className = "",
   disabled = false,
+  onInput,
   ...props
 }) => {
-  const classes = classnames.classnames("textarea", className, {
-    error: state === "error",
-    success: state === "success"
-  });
+  const textareaRef = react.useRef(null);
+  const resizeToContent = react.useCallback(() => {
+    const textarea = textareaRef.current;
+    if (!autoGrow || !textarea) {
+      return;
+    }
+    const computedStyle = window.getComputedStyle(textarea);
+    const lineHeight = parsePixelValue(
+      computedStyle.lineHeight
+    );
+    const borderHeight = parsePixelValue(
+      computedStyle.borderTopWidth
+    ) + parsePixelValue(
+      computedStyle.borderBottomWidth
+    );
+    const minHeight = parsePixelValue(
+      computedStyle.minHeight
+    );
+    const previousMinHeight = textarea.style.minHeight;
+    textarea.style.minHeight = "0px";
+    textarea.style.setProperty(
+      "--textarea-auto-height",
+      "0px"
+    );
+    const contentHeight = textarea.scrollHeight;
+    textarea.style.minHeight = previousMinHeight;
+    const nextHeight = Math.max(
+      contentHeight + lineHeight + borderHeight,
+      minHeight
+    );
+    textarea.style.setProperty(
+      "--textarea-auto-height",
+      `${nextHeight}px`
+    );
+  }, [autoGrow]);
+  react.useLayoutEffect(() => {
+    resizeToContent();
+  }, [
+    resizeToContent,
+    props.value,
+    width
+  ]);
+  const handleInput = (event) => {
+    resizeToContent();
+    onInput?.(event);
+  };
+  const classes = classnames.classnames(
+    "textarea",
+    className,
+    {
+      "textarea--error": state === "error",
+      "textarea--success": state === "success",
+      "textarea--width-short": width === "short",
+      "textarea--width-default": width === "default",
+      "textarea--width-max": width === "max",
+      "textarea--auto-grow": autoGrow
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
+      ref: textareaRef,
       className: classes,
       disabled,
+      onInput: handleInput,
       ...props
     }
   );

package/components/textarea/textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"names":["classnames","jsx"],"mappings":";;;;;AASA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,UAAA,EAAY,SAAA,EAAW;AAAA,IAChD,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GAClB,CAAA;AAEH,EAAA,uBACEC,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"textarea.cjs","sourcesContent":["import React from 'react';\n// import './textarea.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Textarea: React.FC<TextareaProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames('textarea', className, {\n    error: state === 'error',\n    success: state === 'success',\n    });\n\n  return (\n    <textarea\n      className={classes}\n      disabled={disabled}\n      {...props}\n    />\n  );\n};\n\nexport default Textarea;"]}
+{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"names":["useRef","useCallback","useLayoutEffect","classnames","jsx"],"mappings":";;;;;;AAmBA,SAAS,gBAAgB,KAAA,EAAe;AACtC,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAEtC,EAAA,OAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,GACzB,MAAA,GACA,CAAA;AACN;AAEA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,WAAA,GACJA,aAA4B,IAAI,CAAA;AAElC,EAAA,MAAM,eAAA,GACJC,kBAAY,MAAM;AAChB,IAAA,MAAM,WACJ,WAAA,CAAY,OAAA;AAEd,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,QAAA,EAAU;AAC1B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAA,GACJ,MAAA,CAAO,gBAAA,CAAiB,QAAQ,CAAA;AAElC,IAAA,MAAM,UAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,YAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB,GACA,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,SAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,iBAAA,GACJ,SAAS,KAAA,CAAM,SAAA;AAEjB,IAAA,QAAA,CAAS,MAAM,SAAA,GACb,KAAA;AAEF,IAAA,QAAA,CAAS,KAAA,CAAM,WAAA;AAAA,MACb,wBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,gBACJ,QAAA,CAAS,YAAA;AAEX,IAAA,QAAA,CAAS,MAAM,SAAA,GACb,iBAAA;AAEF,IAAA,MAAM,aAAa,IAAA,CAAK,GAAA;AAAA,MACtB,gBACE,UAAA,GACA,YAAA;AAAA,MACF;AAAA,KACF;AAEA,IAAA,QAAA,CAAS,KAAA,CAAM,WAAA;AAAA,MACb,wBAAA;AAAA,MACA,GAAG,UAAU,CAAA,EAAA;AAAA,KACf;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEf,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG;AAAA,IACD,eAAA;AAAA,IACA,KAAA,CAAM,KAAA;AAAA,IACN;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAA,GAAc,CAClB,KAAA,KACG;AACH,IAAA,eAAA,EAAgB;AAChB,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,OAAA,GAAUC,qBAAA;AAAA,IACd,UAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,mBACE,KAAA,KAAU,OAAA;AAAA,MACZ,qBACE,KAAA,KAAU,SAAA;AAAA,MACZ,yBACE,KAAA,KAAU,OAAA;AAAA,MACZ,2BACE,KAAA,KAAU,SAAA;AAAA,MACZ,uBACE,KAAA,KAAU,KAAA;AAAA,MACZ,qBAAA,EACE;AAAA;AACJ,GACF;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,WAAA;AAAA,MACL,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"textarea.cjs","sourcesContent":["import React, {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport { classnames } from '../helpers/classnames';\n\ntype TextareaWidth =\n  | 'short'\n  | 'default'\n  | 'max';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  state?: 'default' | 'error' | 'success';\n  width?: TextareaWidth;\n  autoGrow?: boolean;\n}\n\nfunction parsePixelValue(value: string) {\n  const parsed = Number.parseFloat(value);\n\n  return Number.isFinite(parsed)\n    ? parsed\n    : 0;\n}\n\nconst Textarea: React.FC<TextareaProps> = ({\n  state = 'default',\n  width = 'default',\n  autoGrow = false,\n  className = '',\n  disabled = false,\n  onInput,\n  ...props\n}) => {\n  const textareaRef =\n    useRef<HTMLTextAreaElement>(null);\n\n  const resizeToContent =\n    useCallback(() => {\n      const textarea =\n        textareaRef.current;\n\n      if (!autoGrow || !textarea) {\n        return;\n      }\n\n      const computedStyle =\n        window.getComputedStyle(textarea);\n\n      const lineHeight =\n        parsePixelValue(\n          computedStyle.lineHeight,\n        );\n\n      const borderHeight =\n        parsePixelValue(\n          computedStyle.borderTopWidth,\n        ) +\n        parsePixelValue(\n          computedStyle.borderBottomWidth,\n        );\n\n      const minHeight =\n        parsePixelValue(\n          computedStyle.minHeight,\n        );\n\n      const previousMinHeight =\n        textarea.style.minHeight;\n\n      textarea.style.minHeight =\n        '0px';\n\n      textarea.style.setProperty(\n        '--textarea-auto-height',\n        '0px',\n      );\n\n      const contentHeight =\n        textarea.scrollHeight;\n\n      textarea.style.minHeight =\n        previousMinHeight;\n\n      const nextHeight = Math.max(\n        contentHeight +\n          lineHeight +\n          borderHeight,\n        minHeight,\n      );\n\n      textarea.style.setProperty(\n        '--textarea-auto-height',\n        `${nextHeight}px`,\n      );\n    }, [autoGrow]);\n\n  useLayoutEffect(() => {\n    resizeToContent();\n  }, [\n    resizeToContent,\n    props.value,\n    width,\n  ]);\n\n  const handleInput = (\n    event: React.InputEvent<HTMLTextAreaElement>,\n  ) => {\n    resizeToContent();\n    onInput?.(event);\n  };\n\n  const classes = classnames(\n    'textarea',\n    className,\n    {\n      'textarea--error':\n        state === 'error',\n      'textarea--success':\n        state === 'success',\n      'textarea--width-short':\n        width === 'short',\n      'textarea--width-default':\n        width === 'default',\n      'textarea--width-max':\n        width === 'max',\n      'textarea--auto-grow':\n        autoGrow,\n    },\n  );\n\n  return (\n    <textarea\n      ref={textareaRef}\n      className={classes}\n      disabled={disabled}\n      onInput={handleInput}\n      {...props}\n    />\n  );\n};\n\nexport default Textarea;\n"]}

package/components/textarea/textarea.css

@@ -26,6 +26,7 @@
   --textarea-padding-x: var(--padding-control-horz);
   --textarea-padding-y: var(--padding-control-horz);
 
+  box-sizing: border-box;
   min-height: var(--textarea-min-height);
   padding: var(--textarea-padding-y) var(--textarea-padding-x);
 
@@ -55,6 +56,30 @@
     background-color var(--textarea-transition-duration) ease;
 }
 
+.textarea--width-short {
+  /* size */
+  width: auto;
+}
+
+.textarea--width-default {
+  /* size */
+  width: 400px;
+}
+
+.textarea--width-max {
+  /* size */
+  width: 100%;
+}
+
+.textarea--auto-grow {
+  /* size */
+  height: var(--textarea-auto-height);
+
+  /* motion */
+  overflow-y: hidden;
+  resize: none;
+}
+
 .textarea::placeholder {
   color: var(--textarea-placeholder);
 }

package/components/textarea/textarea.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
+type TextareaWidth = 'short' | 'default' | 'max';
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     state?: 'default' | 'error' | 'success';
+    width?: TextareaWidth;
+    autoGrow?: boolean;
 }
 declare const Textarea: React.FC<TextareaProps>;
 export default Textarea;

package/components/textarea/textarea.js

@@ -1,21 +1,85 @@
 import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback, useLayoutEffect } from 'react';
 import { classnames } from '../helpers/classnames';
 
+function parsePixelValue(value) {
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
 const Textarea = ({
   state = "default",
+  width = "default",
+  autoGrow = false,
   className = "",
   disabled = false,
+  onInput,
   ...props
 }) => {
-  const classes = classnames("textarea", className, {
-    error: state === "error",
-    success: state === "success"
-  });
+  const textareaRef = useRef(null);
+  const resizeToContent = useCallback(() => {
+    const textarea = textareaRef.current;
+    if (!autoGrow || !textarea) {
+      return;
+    }
+    const computedStyle = window.getComputedStyle(textarea);
+    const lineHeight = parsePixelValue(
+      computedStyle.lineHeight
+    );
+    const borderHeight = parsePixelValue(
+      computedStyle.borderTopWidth
+    ) + parsePixelValue(
+      computedStyle.borderBottomWidth
+    );
+    const minHeight = parsePixelValue(
+      computedStyle.minHeight
+    );
+    const previousMinHeight = textarea.style.minHeight;
+    textarea.style.minHeight = "0px";
+    textarea.style.setProperty(
+      "--textarea-auto-height",
+      "0px"
+    );
+    const contentHeight = textarea.scrollHeight;
+    textarea.style.minHeight = previousMinHeight;
+    const nextHeight = Math.max(
+      contentHeight + lineHeight + borderHeight,
+      minHeight
+    );
+    textarea.style.setProperty(
+      "--textarea-auto-height",
+      `${nextHeight}px`
+    );
+  }, [autoGrow]);
+  useLayoutEffect(() => {
+    resizeToContent();
+  }, [
+    resizeToContent,
+    props.value,
+    width
+  ]);
+  const handleInput = (event) => {
+    resizeToContent();
+    onInput?.(event);
+  };
+  const classes = classnames(
+    "textarea",
+    className,
+    {
+      "textarea--error": state === "error",
+      "textarea--success": state === "success",
+      "textarea--width-short": width === "short",
+      "textarea--width-default": width === "default",
+      "textarea--width-max": width === "max",
+      "textarea--auto-grow": autoGrow
+    }
+  );
   return /* @__PURE__ */ jsx(
     "textarea",
     {
+      ref: textareaRef,
       className: classes,
       disabled,
+      onInput: handleInput,
       ...props
     }
   );

package/components/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";;;AASA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,UAAA,EAAY,SAAA,EAAW;AAAA,IAChD,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GAClB,CAAA;AAEH,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"textarea.js","sourcesContent":["import React from 'react';\n// import './textarea.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Textarea: React.FC<TextareaProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames('textarea', className, {\n    error: state === 'error',\n    success: state === 'success',\n    });\n\n  return (\n    <textarea\n      className={classes}\n      disabled={disabled}\n      {...props}\n    />\n  );\n};\n\nexport default Textarea;"]}
+{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";;;;AAmBA,SAAS,gBAAgB,KAAA,EAAe;AACtC,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAEtC,EAAA,OAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,GACzB,MAAA,GACA,CAAA;AACN;AAEA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,WAAA,GACJ,OAA4B,IAAI,CAAA;AAElC,EAAA,MAAM,eAAA,GACJ,YAAY,MAAM;AAChB,IAAA,MAAM,WACJ,WAAA,CAAY,OAAA;AAEd,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,QAAA,EAAU;AAC1B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAA,GACJ,MAAA,CAAO,gBAAA,CAAiB,QAAQ,CAAA;AAElC,IAAA,MAAM,UAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,YAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB,GACA,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,SAAA,GACJ,eAAA;AAAA,MACE,aAAA,CAAc;AAAA,KAChB;AAEF,IAAA,MAAM,iBAAA,GACJ,SAAS,KAAA,CAAM,SAAA;AAEjB,IAAA,QAAA,CAAS,MAAM,SAAA,GACb,KAAA;AAEF,IAAA,QAAA,CAAS,KAAA,CAAM,WAAA;AAAA,MACb,wBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,gBACJ,QAAA,CAAS,YAAA;AAEX,IAAA,QAAA,CAAS,MAAM,SAAA,GACb,iBAAA;AAEF,IAAA,MAAM,aAAa,IAAA,CAAK,GAAA;AAAA,MACtB,gBACE,UAAA,GACA,YAAA;AAAA,MACF;AAAA,KACF;AAEA,IAAA,QAAA,CAAS,KAAA,CAAM,WAAA;AAAA,MACb,wBAAA;AAAA,MACA,GAAG,UAAU,CAAA,EAAA;AAAA,KACf;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEf,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG;AAAA,IACD,eAAA;AAAA,IACA,KAAA,CAAM,KAAA;AAAA,IACN;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAA,GAAc,CAClB,KAAA,KACG;AACH,IAAA,eAAA,EAAgB;AAChB,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,UAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,mBACE,KAAA,KAAU,OAAA;AAAA,MACZ,qBACE,KAAA,KAAU,SAAA;AAAA,MACZ,yBACE,KAAA,KAAU,OAAA;AAAA,MACZ,2BACE,KAAA,KAAU,SAAA;AAAA,MACZ,uBACE,KAAA,KAAU,KAAA;AAAA,MACZ,qBAAA,EACE;AAAA;AACJ,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,WAAA;AAAA,MACL,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"textarea.js","sourcesContent":["import React, {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport { classnames } from '../helpers/classnames';\n\ntype TextareaWidth =\n  | 'short'\n  | 'default'\n  | 'max';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  state?: 'default' | 'error' | 'success';\n  width?: TextareaWidth;\n  autoGrow?: boolean;\n}\n\nfunction parsePixelValue(value: string) {\n  const parsed = Number.parseFloat(value);\n\n  return Number.isFinite(parsed)\n    ? parsed\n    : 0;\n}\n\nconst Textarea: React.FC<TextareaProps> = ({\n  state = 'default',\n  width = 'default',\n  autoGrow = false,\n  className = '',\n  disabled = false,\n  onInput,\n  ...props\n}) => {\n  const textareaRef =\n    useRef<HTMLTextAreaElement>(null);\n\n  const resizeToContent =\n    useCallback(() => {\n      const textarea =\n        textareaRef.current;\n\n      if (!autoGrow || !textarea) {\n        return;\n      }\n\n      const computedStyle =\n        window.getComputedStyle(textarea);\n\n      const lineHeight =\n        parsePixelValue(\n          computedStyle.lineHeight,\n        );\n\n      const borderHeight =\n        parsePixelValue(\n          computedStyle.borderTopWidth,\n        ) +\n        parsePixelValue(\n          computedStyle.borderBottomWidth,\n        );\n\n      const minHeight =\n        parsePixelValue(\n          computedStyle.minHeight,\n        );\n\n      const previousMinHeight =\n        textarea.style.minHeight;\n\n      textarea.style.minHeight =\n        '0px';\n\n      textarea.style.setProperty(\n        '--textarea-auto-height',\n        '0px',\n      );\n\n      const contentHeight =\n        textarea.scrollHeight;\n\n      textarea.style.minHeight =\n        previousMinHeight;\n\n      const nextHeight = Math.max(\n        contentHeight +\n          lineHeight +\n          borderHeight,\n        minHeight,\n      );\n\n      textarea.style.setProperty(\n        '--textarea-auto-height',\n        `${nextHeight}px`,\n      );\n    }, [autoGrow]);\n\n  useLayoutEffect(() => {\n    resizeToContent();\n  }, [\n    resizeToContent,\n    props.value,\n    width,\n  ]);\n\n  const handleInput = (\n    event: React.InputEvent<HTMLTextAreaElement>,\n  ) => {\n    resizeToContent();\n    onInput?.(event);\n  };\n\n  const classes = classnames(\n    'textarea',\n    className,\n    {\n      'textarea--error':\n        state === 'error',\n      'textarea--success':\n        state === 'success',\n      'textarea--width-short':\n        width === 'short',\n      'textarea--width-default':\n        width === 'default',\n      'textarea--width-max':\n        width === 'max',\n      'textarea--auto-grow':\n        autoGrow,\n    },\n  );\n\n  return (\n    <textarea\n      ref={textareaRef}\n      className={classes}\n      disabled={disabled}\n      onInput={handleInput}\n      {...props}\n    />\n  );\n};\n\nexport default Textarea;\n"]}

package/icons/assets/locked.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const locked = {
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z" })
+};
+
+exports.locked = locked;
+//# sourceMappingURL=locked.cjs.map
+//# sourceMappingURL=locked.cjs.map

package/icons/assets/locked.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/icons/assets/locked.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,MAAA,GAAoB;AAAA,EAC/B,EAAA,iCAAK,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,oqBAAA,EAAqqB,CAAA;AAAA,EACvtB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,wuBAAA,EAAyuB,CAAA;AAAA,EAC1xB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,sqBAAA,EAAuqB,CAAA;AAAA,EACxtB,CAAA,iCAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,+sBAAA,EAAgtB;AACnwB","file":"locked.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const locked: IconGlyph = {\n  xs: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z\" />,\n  s: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z\" />,\n  m: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z\" />,\n  l: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z\" />,\n};"]}

package/icons/assets/locked.d.ts

@@ -0,0 +1,2 @@
+import type { IconGlyph } from '../types';
+export declare const locked: IconGlyph;

package/icons/assets/locked.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+
+const locked = {
+  xs: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z" }),
+  s: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z" }),
+  m: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z" }),
+  l: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z" })
+};
+
+export { locked };
+//# sourceMappingURL=locked.js.map
+//# sourceMappingURL=locked.js.map

package/icons/assets/locked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/icons/assets/locked.tsx"],"names":[],"mappings":";;AAEO,MAAM,MAAA,GAAoB;AAAA,EAC/B,EAAA,sBAAK,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,oqBAAA,EAAqqB,CAAA;AAAA,EACvtB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,wuBAAA,EAAyuB,CAAA;AAAA,EAC1xB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,sqBAAA,EAAuqB,CAAA;AAAA,EACxtB,CAAA,sBAAI,MAAA,EAAA,EAAK,QAAA,EAAS,WAAU,QAAA,EAAS,SAAA,EAAU,GAAE,+sBAAA,EAAgtB;AACnwB","file":"locked.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const locked: IconGlyph = {\n  xs: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M4.5833 4.75V4.7714C4.5833 5.1317 4.2926 5.4181 3.9457 5.5153C2.8232 5.8298 2 6.8604 2 8.0833V12.0833C2 13.5561 3.1939 14.75 4.6667 14.75H11.3333C12.8061 14.75 14 13.5561 14 12.0833V8.0833C14 6.8604 13.1768 5.8298 12.0543 5.5153C11.7074 5.4181 11.4167 5.1317 11.4167 4.7714V4.75C11.4167 2.863 9.887 1.3333 8 1.3333C6.113 1.3333 4.5833 2.863 4.5833 4.75ZM8 2.8333C6.9415 2.8333 6.0833 3.6915 6.0833 4.75C6.0833 5.1182 6.3818 5.4167 6.75 5.4167H9.25C9.6182 5.4167 9.9167 5.1182 9.9167 4.75C9.9167 3.6915 9.0585 2.8333 8 2.8333ZM8 12.0833C9.1046 12.0833 10 11.1879 10 10.0833C10 8.9788 9.1046 8.0833 8 8.0833C6.8954 8.0833 6 8.9788 6 10.0833C6 11.1879 6.8954 12.0833 8 12.0833Z\" />,\n  s: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M5.7292 5.9375V5.9643C5.7292 6.4146 5.3657 6.7726 4.9321 6.8941C3.529 7.2872 2.5 8.5755 2.5 10.1042V15.1042C2.5 16.9451 3.9924 18.4375 5.8333 18.4375H14.1667C16.0076 18.4375 17.5 16.9451 17.5 15.1042V10.1042C17.5 8.5755 16.471 7.2872 15.0679 6.8941C14.6343 6.7726 14.2708 6.4146 14.2708 5.9643V5.9375C14.2708 3.5788 12.3587 1.6667 10 1.6667C7.6413 1.6667 5.7292 3.5788 5.7292 5.9375ZM10 3.5417C8.6768 3.5417 7.6042 4.6143 7.6042 5.9375C7.6042 6.3977 7.9773 6.7708 8.4375 6.7708H11.5625C12.0227 6.7708 12.3958 6.3977 12.3958 5.9375C12.3958 4.6143 11.3232 3.5417 10 3.5417ZM10 15.1042C11.3807 15.1042 12.5 13.9849 12.5 12.6042C12.5 11.2235 11.3807 10.1042 10 10.1042C8.6193 10.1042 7.5 11.2235 7.5 12.6042C7.5 13.9849 8.6193 15.1042 10 15.1042Z\" />,\n  m: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M6.875 7.125V7.15714C6.875 7.69748 6.43884 8.12714 5.91854 8.27291C4.23479 8.74464 3 10.2906 3 12.125V18.125C3 20.3341 4.79086 22.125 7 22.125H17C19.2091 22.125 21 20.3341 21 18.125V12.125C21 10.2906 19.7652 8.74464 18.0815 8.27291C17.5612 8.12714 17.125 7.69748 17.125 7.15714V7.125C17.125 4.29454 14.8305 2 12 2C9.16954 2 6.875 4.29454 6.875 7.125ZM12 4.25C10.4122 4.25 9.125 5.53718 9.125 7.125C9.125 7.67728 9.57272 8.125 10.125 8.125H13.875C14.4273 8.125 14.875 7.67728 14.875 7.125C14.875 5.53718 13.5878 4.25 12 4.25ZM12 18.125C13.6569 18.125 15 16.7819 15 15.125C15 13.4681 13.6569 12.125 12 12.125C10.3431 12.125 9 13.4681 9 15.125C9 16.7819 10.3431 18.125 12 18.125Z\" />,\n  l: <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M9.1667 9.5V9.5429C9.1667 10.2633 8.5851 10.8362 7.8914 11.0305C5.6464 11.6595 4 13.7208 4 16.1667V24.1667C4 27.1122 6.3878 29.5 9.3333 29.5H22.6667C25.6122 29.5 28 27.1122 28 24.1667V16.1667C28 13.7208 26.3536 11.6595 24.1086 11.0305C23.4149 10.8362 22.8333 10.2633 22.8333 9.5429V9.5C22.8333 5.7261 19.7739 2.6667 16 2.6667C12.2261 2.6667 9.1667 5.7261 9.1667 9.5ZM16 5.6667C13.8829 5.6667 12.1667 7.3829 12.1667 9.5C12.1667 10.2364 12.7636 10.8333 13.5 10.8333H18.5C19.2364 10.8333 19.8333 10.2364 19.8333 9.5C19.8333 7.3829 18.1171 5.6667 16 5.6667ZM16 24.1667C18.2091 24.1667 20 22.3758 20 20.1667C20 17.9575 18.2091 16.1667 16 16.1667C13.7909 16.1667 12 17.9575 12 20.1667C12 22.3758 13.7909 24.1667 16 24.1667Z\" />,\n};"]}

package/icons/manifest.cjs

@@ -6,6 +6,7 @@ var chevronLeft = require('./assets/chevron-left');
 var chevronRight = require('./assets/chevron-right');
 var close = require('./assets/close');
 var fullscreen = require('./assets/fullscreen');
+var locked = require('./assets/locked');
 var pause = require('./assets/pause');
 var play = require('./assets/play');
 var settings = require('./assets/settings');
@@ -43,6 +44,11 @@ const iconManifest = {
     category: "media",
     tags: ["fullscreen", "expand", "player"]
   },
+  locked: {
+    glyph: locked.locked,
+    category: "interface",
+    tags: ["locked", "lock", "private", "secure", "restricted"]
+  },
   pause: {
     glyph: pause.pause,
     category: "media",

package/icons/manifest.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronLeft","chevronRight","close","fullscreen","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;;;AAaO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAOC,uBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronLeft","chevronRight","close","fullscreen","locked","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAOC,uBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,KAAA,EAAOC,aAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,MAAM,CAAC,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAW,UAAU,YAAY;AAAA,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { locked } from './assets/locked';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  locked: {\n    glyph: locked,\n    category: 'interface',\n    tags: ['locked', 'lock', \"private\", 'secure', 'restricted'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}

package/icons/manifest.d.ts

@@ -29,6 +29,11 @@ export declare const iconManifest: {
         readonly category: "media";
         readonly tags: readonly ["fullscreen", "expand", "player"];
     };
+    readonly locked: {
+        readonly glyph: import("./types").IconGlyph;
+        readonly category: "interface";
+        readonly tags: readonly ["locked", "lock", "private", "secure", "restricted"];
+    };
     readonly pause: {
         readonly glyph: import("./types").IconGlyph;
         readonly category: "media";

package/icons/manifest.js

@@ -4,6 +4,7 @@ import { chevronLeft } from './assets/chevron-left';
 import { chevronRight } from './assets/chevron-right';
 import { close } from './assets/close';
 import { fullscreen } from './assets/fullscreen';
+import { locked } from './assets/locked';
 import { pause } from './assets/pause';
 import { play } from './assets/play';
 import { settings } from './assets/settings';
@@ -41,6 +42,11 @@ const iconManifest = {
     category: "media",
     tags: ["fullscreen", "expand", "player"]
   },
+  locked: {
+    glyph: locked,
+    category: "interface",
+    tags: ["locked", "lock", "private", "secure", "restricted"]
+  },
   pause: {
     glyph: pause,
     category: "media",

package/icons/manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;;;AAaO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,SAAA,EAAW,QAAQ;AAAA,GACrC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,MAAM,CAAC,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAW,UAAU,YAAY;AAAA,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { close } from './assets/close';\nimport { fullscreen } from './assets/fullscreen';\nimport { locked } from './assets/locked';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  close: {\n    glyph: close,\n    category: 'interface',\n    tags: ['close', 'dismiss', 'remove'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  locked: {\n    glyph: locked,\n    category: 'interface',\n    tags: ['locked', 'lock', \"private\", 'secure', 'restricted'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;\n"]}

package/index.d.ts

@@ -5,7 +5,7 @@
 export { default as Button, buttonLink, } from './components/button';
 export type { ButtonProps, } from './components/button';
 export { default as Input } from './components/input';
-export type { InputProps, InputWidth, } from './components/input';
+export type { InputProps } from './components/input';
 export { default as Textarea } from './components/textarea';
 export type { TextareaProps } from './components/textarea';
 export { default as Select } from './components/select';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",