@ngrok/mantle 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/input.d.ts +3 -52
  2. package/dist/select.d.ts +39 -4
  3. package/dist/select.js +1 -1
  4. package/dist/select.js.map +1 -1
  5. package/dist/tailwind-preset.d.cts +475 -0
  6. package/dist/tailwind-preset.d.ts +475 -0
  7. package/dist/types-nznA3HrJ.d.ts +52 -0
  8. package/package.json +1 -1
package/dist/input.d.ts CHANGED
@@ -1,56 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { InputHTMLAttributes, PropsWithChildren } from 'react';
3
-
4
- /**
5
- * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
6
- * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
7
- * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
8
- * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
9
- *
10
- * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
11
- * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
12
- * data, being valid for all input types except checkbox, radio, file, or any of the button types.
13
- *
14
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
15
- */
16
- type AutoComplete = "off" | "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo";
17
- type WithAutoComplete = {
18
- /**
19
- * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
20
- * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
21
- * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
22
- * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
23
- *
24
- * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
25
- * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
26
- * data, being valid for all input types except checkbox, radio, file, or any of the button types.
27
- *
28
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
29
- */
30
- autoComplete?: AutoComplete;
31
- };
32
- /**
33
- * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
34
- * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
35
- *
36
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
37
- */
38
- type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
39
- type WithInputType = {
40
- /**
41
- * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
42
- * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
43
- *
44
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
45
- */
46
- type?: InputType;
47
- };
48
- type WithInvalid = {
49
- /**
50
- * Whether or not the input has a validation error.
51
- */
52
- invalid?: boolean;
53
- };
3
+ import { a as WithAutoComplete, b as WithInputType, W as WithInvalid } from './types-nznA3HrJ.js';
4
+ export { A as AutoComplete, I as InputType } from './types-nznA3HrJ.js';
54
5
 
55
6
  type BaseProps = WithAutoComplete & WithInputType & WithInvalid;
56
7
  /**
@@ -72,4 +23,4 @@ declare const InputCapture: react.ForwardRefExoticComponent<Omit<InputHTMLAttrib
72
23
  type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithInvalid & WithAutoComplete;
73
24
  declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithInvalid & WithAutoComplete & react.RefAttributes<HTMLInputElement>>;
74
25
 
75
- export { type AutoComplete, Input, InputCapture, type InputCaptureProps, type InputProps, type InputType, PasswordInput, type PasswordInputProps, type WithAutoComplete, type WithInputType, type WithInvalid };
26
+ export { Input, InputCapture, type InputCaptureProps, type InputProps, PasswordInput, type PasswordInputProps, WithAutoComplete, WithInputType, WithInvalid };
package/dist/select.d.ts CHANGED
@@ -1,19 +1,54 @@
1
1
  import * as _radix_ui_react_separator from '@radix-ui/react-separator';
2
2
  import * as react from 'react';
3
- import { ComponentPropsWithoutRef, SelectHTMLAttributes } from 'react';
3
+ import { SelectHTMLAttributes, ComponentPropsWithoutRef } from 'react';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as SelectPrimitive from '@radix-ui/react-select';
6
+ import { W as WithInvalid } from './types-nznA3HrJ.js';
6
7
 
7
- type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-invalid">;
8
- declare const Select: ({ children, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
8
+ type WithAriaInvalid = Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-invalid">;
9
+ type SelectProps = Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "onValueChange"> & WithInvalid & WithAriaInvalid & {
10
+ /**
11
+ * Event handler called when the value changes.
12
+ */
13
+ onChange?: (value: string) => void;
14
+ };
15
+ /**
16
+ * Displays a list of options for the user to pick from—triggered by a button.
17
+ */
18
+ declare const Select: ({ "aria-invalid": _ariaInvalid, children, invalid, onChange, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
19
+ /**
20
+ * A group of related options within a select menu. Similar to an html `<optgroup>` element.
21
+ * Use in conjunction with Select.Label to ensure good accessibility via automatic labelling.
22
+ */
9
23
  declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
24
+ /**
25
+ * The part that reflects the selected value. By default the selected item's text will be rendered. if you require more control, you can instead control the select and pass your own children. It should not be styled to ensure correct positioning. An optional placeholder prop is also available for when the select has no value.
26
+ */
10
27
  declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
11
- declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
28
+ /**
29
+ * The button that toggles the select. The Select.Content will position itself adjacent to the trigger.
30
+ */
31
+ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & WithAriaInvalid & WithInvalid & react.RefAttributes<HTMLButtonElement>>;
32
+ /**
33
+ * The component that pops out when the select is open as a portal adjacent to the trigger button.
34
+ * It contains a scrolling viewport of the select items.
35
+ */
12
36
  declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
13
37
  width?: "content" | "trigger" | undefined;
14
38
  } & react.RefAttributes<HTMLDivElement>>;
39
+ /**
40
+ * Used to render the label of a group. It won't be focusable using arrow keys.
41
+ */
15
42
  declare const SelectLabel: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
43
+ /**
44
+ * An option within a select menu. Similar to an html `<option>` element.
45
+ * Contains a `value` prop that will be passed to the `onChange` handler of the `Select` component when selected.
46
+ * Displays the children as the option's text.
47
+ */
16
48
  declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
49
+ /**
50
+ * Used to visually separate items in the select.
51
+ */
17
52
  declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
18
53
 
19
54
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
package/dist/select.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a as d}from"./chunk-C2ECUIPG.js";import{a}from"./chunk-A5H52ODC.js";import{CaretDown as p}from"@phosphor-icons/react/CaretDown";import{CaretUp as b}from"@phosphor-icons/react/CaretUp";import{Check as x}from"@phosphor-icons/react/Check";import*as e from"@radix-ui/react-select";import{cva as C}from"class-variance-authority";import{createContext as w,forwardRef as l,useContext as R}from"react";import{jsx as t,jsxs as m}from"react/jsx-runtime";var f=w(void 0),N=({children:o,...i})=>t(e.Root,{...i,children:t(f.Provider,{value:i["aria-invalid"],children:o})}),I=e.Group,T=e.Value,B=C("flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left",{variants:{state:{danger:"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger",default:"borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent"}},defaultVariants:{state:"default"}}),S=l(({className:o,children:i,...r},n)=>{let s=R(f),c=r["aria-invalid"]??s;return m(e.Trigger,{ref:n,className:a(B({state:c?"danger":"default"}),o),...r,"aria-invalid":c,children:[i,t(e.Icon,{asChild:!0,children:t(p,{className:"size-4 shrink-0",weight:"bold"})})]})});S.displayName="SelectTrigger";var u=l(({className:o,...i},r)=>t(e.ScrollUpButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",o),...i,children:t(b,{className:"size-4",weight:"bold"})}));u.displayName="SelectScrollUpButton";var v=l(({className:o,...i},r)=>t(e.ScrollDownButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",o),...i,children:t(p,{className:"size-4",weight:"bold"})}));v.displayName="SelectScrollDownButton";var g=l(({className:o,children:i,position:r="popper",width:n,...s},c)=>t(e.Portal,{children:m(e.Content,{ref:c,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95","bg-popover",r==="popper"&&"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2",n==="trigger"&&"w-[var(--radix-select-trigger-width)]",o),position:r,...s,children:[t(u,{}),t(e.Viewport,{className:a("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full"),children:i}),t(v,{})]})}));g.displayName="SelectContent";var P=l(({className:o,...i},r)=>t(e.Label,{ref:r,className:a("px-2 py-1.5 text-sm font-semibold",o),...i}));P.displayName="SelectLabel";var h=l(({className:o,children:i,...r},n)=>m(e.Item,{ref:n,className:a("relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50",o),...r,children:[t(e.ItemText,{children:i}),t(e.ItemIndicator,{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:t(x,{className:"size-4",weight:"bold"})})]}));h.displayName="SelectItem";var y=l(({className:o,...i},r)=>t(d,{ref:r,className:a("-mx-1 my-1 h-px w-auto",o),...i}));y.displayName="SelectSeparator";export{N as Select,g as SelectContent,I as SelectGroup,h as SelectItem,P as SelectLabel,y as SelectSeparator,S as SelectTrigger,T as SelectValue};
1
+ import{a as d}from"./chunk-C2ECUIPG.js";import{a}from"./chunk-A5H52ODC.js";import{CaretDown as S}from"@phosphor-icons/react/CaretDown";import{CaretUp as w}from"@phosphor-icons/react/CaretUp";import{Check as I}from"@phosphor-icons/react/Check";import*as e from"@radix-ui/react-select";import{createContext as R,forwardRef as n,useContext as N}from"react";import{jsx as i,jsxs as s}from"react/jsx-runtime";var f=R({}),W=({"aria-invalid":o,children:r,invalid:t,onChange:l,...c})=>i(e.Root,{...c,onValueChange:l,children:i(f.Provider,{value:{"aria-invalid":o,invalid:t},children:r})}),T=e.Group,B=e.Value,v=n(({"aria-invalid":o,className:r,children:t,invalid:l,...c},m)=>{let{"aria-invalid":b,invalid:C}=N(f),p=b??C??o??l;return s(e.Trigger,{"aria-invalid":p,ref:m,className:a("flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left","placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4","text-strong focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent",p&&"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger",r),...c,children:[t,i(e.Icon,{asChild:!0,children:i(S,{className:"size-4 shrink-0",weight:"bold"})})]})});v.displayName="SelectTrigger";var u=n(({className:o,...r},t)=>i(e.ScrollUpButton,{ref:t,className:a("flex cursor-default items-center justify-center py-1",o),...r,children:i(w,{className:"size-4",weight:"bold"})}));u.displayName="SelectScrollUpButton";var P=n(({className:o,...r},t)=>i(e.ScrollDownButton,{ref:t,className:a("flex cursor-default items-center justify-center py-1",o),...r,children:i(S,{className:"size-4",weight:"bold"})}));P.displayName="SelectScrollDownButton";var g=n(({className:o,children:r,position:t="popper",width:l,...c},m)=>i(e.Portal,{children:s(e.Content,{ref:m,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95","bg-popover",t==="popper"&&"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2",l==="trigger"&&"w-[var(--radix-select-trigger-width)]",o),position:t,...c,children:[i(u,{}),i(e.Viewport,{className:a("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full"),children:r}),i(P,{})]})}));g.displayName="SelectContent";var h=n(({className:o,...r},t)=>i(e.Label,{ref:t,className:a("px-2 py-1.5 text-sm font-semibold",o),...r}));h.displayName="SelectLabel";var y=n(({className:o,children:r,...t},l)=>s(e.Item,{ref:l,className:a("relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50",o),...t,children:[i(e.ItemText,{children:r}),i(e.ItemIndicator,{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:i(I,{className:"size-4",weight:"bold"})})]}));y.displayName="SelectItem";var x=n(({className:o,...r},t)=>i(d,{ref:t,className:a("-mx-1 my-1 h-px w-auto",o),...r}));x.displayName="SelectSeparator";export{W as Select,g as SelectContent,T as SelectGroup,y as SelectItem,h as SelectLabel,x as SelectSeparator,v as SelectTrigger,B as SelectValue};
2
2
  //# sourceMappingURL=select.js.map
package/dist/select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../packages/select/src/select.tsx"],"sourcesContent":["import { CaretDown } from \"@phosphor-icons/react/CaretDown\";\nimport { CaretUp } from \"@phosphor-icons/react/CaretUp\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva } from \"class-variance-authority\";\nimport type { ComponentPropsWithoutRef, ElementRef, SelectHTMLAttributes } from \"react\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport { cx } from \"../../cx\";\nimport { Separator } from \"../../separator\";\nimport type { VariantProps } from \"../../types/src/variant-props\";\n\nconst SelectAriaInvalidContext = createContext<SelectHTMLAttributes<HTMLSelectElement>[\"aria-invalid\"]>(undefined);\n\ntype SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> &\n\tPick<SelectHTMLAttributes<HTMLSelectElement>, \"aria-invalid\">;\n\nconst Select = ({ children, ...props }: SelectProps) => {\n\treturn (\n\t\t<SelectPrimitive.Root {...props}>\n\t\t\t<SelectAriaInvalidContext.Provider value={props[\"aria-invalid\"]}>{children}</SelectAriaInvalidContext.Provider>\n\t\t</SelectPrimitive.Root>\n\t);\n};\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst selectTriggerVariants = cva(\n\t\"flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left\",\n\t{\n\t\tvariants: {\n\t\t\tstate: {\n\t\t\t\tdanger:\n\t\t\t\t\t\"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger\",\n\t\t\t\tdefault:\n\t\t\t\t\t\"borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tstate: \"default\",\n\t\t},\n\t},\n);\n\ntype SelectTriggerVariants = VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<\n\tElementRef<typeof SelectPrimitive.Trigger>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n\tconst ariaInvalidContext = useContext(SelectAriaInvalidContext);\n\tconst ariaInvalid = props[\"aria-invalid\"] ?? ariaInvalidContext;\n\tconst state = ariaInvalid ? \"danger\" : (\"default\" satisfies SelectTriggerVariants[\"state\"]);\n\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tref={ref}\n\t\t\tclassName={cx(selectTriggerVariants({ state }), className)}\n\t\t\t{...props}\n\t\t\taria-invalid={ariaInvalid}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<CaretDown className=\"size-4 shrink-0\" weight=\"bold\" />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n});\nSelectTrigger.displayName = \"SelectTrigger\";\n\nconst SelectScrollUpButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollUpButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollUpButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretUp className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = \"SelectScrollUpButton\";\n\nconst SelectScrollDownButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollDownButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollDownButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretDown className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = \"SelectScrollDownButton\";\n\ntype SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n\twidth?: \"trigger\" | \"content\";\n};\n\nconst SelectContent = forwardRef<ElementRef<typeof SelectPrimitive.Content>, SelectContentProps>(\n\t({ className, children, position = \"popper\", width, ...props }, ref) => (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95\",\n\t\t\t\t\t\"bg-popover\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2\",\n\t\t\t\t\twidth === \"trigger\" && \"w-[var(--radix-select-trigger-width)]\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cx(\"p-1\", position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full\")}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t),\n);\nSelectContent.displayName = \"SelectContent\";\n\nconst SelectLabel = forwardRef<\n\tElementRef<typeof SelectPrimitive.Label>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Label ref={ref} className={cx(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\nconst SelectItem = forwardRef<\n\tElementRef<typeof SelectPrimitive.Item>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t<SelectPrimitive.ItemIndicator className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<Check className=\"size-4\" weight=\"bold\" />\n\t\t</SelectPrimitive.ItemIndicator>\n\t</SelectPrimitive.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\nconst SelectSeparator = forwardRef<ElementRef<typeof Separator>, ComponentPropsWithoutRef<typeof Separator>>(\n\t({ className, ...props }, ref) => (\n\t\t<Separator ref={ref} className={cx(\"-mx-1 my-1 h-px w-auto\", className)} {...props} />\n\t),\n);\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport {\n\tSelect,\n\tSelectGroup,\n\tSelectValue,\n\tSelectTrigger,\n\tSelectContent,\n\tSelectLabel,\n\tSelectItem,\n\tSelectSeparator,\n\tSelectScrollUpButton,\n\tSelectScrollDownButton,\n};\n"],"mappings":"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","names":["CaretDown","CaretUp","Check","SelectPrimitive","cva","createContext","forwardRef","useContext","jsx","jsxs","SelectAriaInvalidContext","createContext","Select","children","props","SelectGroup","SelectValue","selectTriggerVariants","cva","SelectTrigger","forwardRef","className","ref","ariaInvalidContext","useContext","ariaInvalid","cx","CaretDown","SelectScrollUpButton","CaretUp","SelectScrollDownButton","SelectContent","position","width","SelectLabel","SelectItem","Check","SelectSeparator","Separator"]}
1
+ {"version":3,"sources":["../packages/select/src/select.tsx"],"sourcesContent":["import { CaretDown } from \"@phosphor-icons/react/CaretDown\";\nimport { CaretUp } from \"@phosphor-icons/react/CaretUp\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport type { ComponentPropsWithoutRef, ElementRef, SelectHTMLAttributes } from \"react\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport { cx } from \"../../cx\";\nimport type { WithInvalid } from \"../../input\";\nimport { Separator } from \"../../separator\";\n\ntype WithAriaInvalid = Pick<SelectHTMLAttributes<HTMLSelectElement>, \"aria-invalid\">;\ntype SelectContextType = WithInvalid & WithAriaInvalid;\n\nconst SelectContext = createContext<SelectContextType>({});\n\ntype SelectProps = Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, \"onValueChange\"> &\n\tWithInvalid &\n\tWithAriaInvalid & {\n\t\t/**\n\t\t * Event handler called when the value changes.\n\t\t */\n\t\tonChange?: (value: string) => void;\n\t};\n\n/**\n * Displays a list of options for the user to pick from—triggered by a button.\n */\nconst Select = ({ \"aria-invalid\": _ariaInvalid, children, invalid, onChange, ...props }: SelectProps) => {\n\treturn (\n\t\t<SelectPrimitive.Root {...props} onValueChange={onChange}>\n\t\t\t<SelectContext.Provider value={{ \"aria-invalid\": _ariaInvalid, invalid }}>{children}</SelectContext.Provider>\n\t\t</SelectPrimitive.Root>\n\t);\n};\n\n/**\n * A group of related options within a select menu. Similar to an html `<optgroup>` element.\n * Use in conjunction with Select.Label to ensure good accessibility via automatic labelling.\n */\nconst SelectGroup = SelectPrimitive.Group;\n\n/**\n * The part that reflects the selected value. By default the selected item's text will be rendered. if you require more control, you can instead control the select and pass your own children. It should not be styled to ensure correct positioning. An optional placeholder prop is also available for when the select has no value.\n */\nconst SelectValue = SelectPrimitive.Value;\n\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & WithAriaInvalid & WithInvalid;\n\n/**\n * The button that toggles the select. The Select.Content will position itself adjacent to the trigger.\n */\nconst SelectTrigger = forwardRef<ElementRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n\t({ \"aria-invalid\": _ariaInvalid, className, children, invalid, ...props }, ref) => {\n\t\tconst { \"aria-invalid\": ctxAriaInvalid, invalid: ctxInvalid } = useContext(SelectContext);\n\t\tconst ariaInvalid = ctxAriaInvalid ?? ctxInvalid ?? _ariaInvalid ?? invalid;\n\n\t\treturn (\n\t\t\t<SelectPrimitive.Trigger\n\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left\",\n\t\t\t\t\t\"placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4\",\n\t\t\t\t\t\"text-strong focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent\",\n\t\t\t\t\tariaInvalid &&\n\t\t\t\t\t\t\"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t\t<CaretDown className=\"size-4 shrink-0\" weight=\"bold\" />\n\t\t\t\t</SelectPrimitive.Icon>\n\t\t\t</SelectPrimitive.Trigger>\n\t\t);\n\t},\n);\nSelectTrigger.displayName = \"SelectTrigger\";\n\nconst SelectScrollUpButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollUpButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollUpButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretUp className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = \"SelectScrollUpButton\";\n\nconst SelectScrollDownButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollDownButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollDownButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretDown className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = \"SelectScrollDownButton\";\n\ntype SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n\twidth?: \"trigger\" | \"content\";\n};\n\n/**\n * The component that pops out when the select is open as a portal adjacent to the trigger button.\n * It contains a scrolling viewport of the select items.\n */\nconst SelectContent = forwardRef<ElementRef<typeof SelectPrimitive.Content>, SelectContentProps>(\n\t({ className, children, position = \"popper\", width, ...props }, ref) => (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95\",\n\t\t\t\t\t\"bg-popover\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2\",\n\t\t\t\t\twidth === \"trigger\" && \"w-[var(--radix-select-trigger-width)]\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cx(\"p-1\", position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full\")}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t),\n);\nSelectContent.displayName = \"SelectContent\";\n\n/**\n * Used to render the label of a group. It won't be focusable using arrow keys.\n */\nconst SelectLabel = forwardRef<\n\tElementRef<typeof SelectPrimitive.Label>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Label ref={ref} className={cx(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\n/**\n * An option within a select menu. Similar to an html `<option>` element.\n * Contains a `value` prop that will be passed to the `onChange` handler of the `Select` component when selected.\n * Displays the children as the option's text.\n */\nconst SelectItem = forwardRef<\n\tElementRef<typeof SelectPrimitive.Item>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t<SelectPrimitive.ItemIndicator className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<Check className=\"size-4\" weight=\"bold\" />\n\t\t</SelectPrimitive.ItemIndicator>\n\t</SelectPrimitive.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\n/**\n * Used to visually separate items in the select.\n */\nconst SelectSeparator = forwardRef<ElementRef<typeof Separator>, ComponentPropsWithoutRef<typeof Separator>>(\n\t({ className, ...props }, ref) => (\n\t\t<Separator ref={ref} className={cx(\"-mx-1 my-1 h-px w-auto\", className)} {...props} />\n\t),\n);\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport {\n\tSelect,\n\tSelectGroup,\n\tSelectValue,\n\tSelectTrigger,\n\tSelectContent,\n\tSelectLabel,\n\tSelectItem,\n\tSelectSeparator,\n\tSelectScrollUpButton,\n\tSelectScrollDownButton,\n};\n"],"mappings":"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","names":["CaretDown","CaretUp","Check","SelectPrimitive","createContext","forwardRef","useContext","jsx","jsxs","SelectContext","createContext","Select","_ariaInvalid","children","invalid","onChange","props","SelectGroup","SelectValue","SelectTrigger","forwardRef","className","ref","ctxAriaInvalid","ctxInvalid","useContext","ariaInvalid","cx","CaretDown","SelectScrollUpButton","CaretUp","SelectScrollDownButton","SelectContent","position","width","SelectLabel","SelectItem","Check","SelectSeparator","Separator"]}
package/dist/tailwind-preset.d.cts ADDED
@@ -0,0 +1,475 @@
1
+ import * as tailwindcss_types_config_js from 'tailwindcss/types/config.js';
2
+
3
+ declare const mantlePreset: {
4
+ content: never[];
5
+ darkMode: "class";
6
+ theme: {
7
+ colors: {
8
+ inherit: string;
9
+ current: string;
10
+ transparent: string;
11
+ white: string;
12
+ black: string;
13
+ gray: {
14
+ 50: string;
15
+ 100: string;
16
+ 200: string;
17
+ 300: string;
18
+ 400: string;
19
+ 500: string;
20
+ 600: string;
21
+ 700: string;
22
+ 800: string;
23
+ 900: string;
24
+ 950: string;
25
+ };
26
+ red: {
27
+ 50: string;
28
+ 100: string;
29
+ 200: string;
30
+ 300: string;
31
+ 400: string;
32
+ 500: string;
33
+ 600: string;
34
+ 700: string;
35
+ 800: string;
36
+ 900: string;
37
+ 950: string;
38
+ };
39
+ orange: {
40
+ 50: string;
41
+ 100: string;
42
+ 200: string;
43
+ 300: string;
44
+ 400: string;
45
+ 500: string;
46
+ 600: string;
47
+ 700: string;
48
+ 800: string;
49
+ 900: string;
50
+ 950: string;
51
+ };
52
+ amber: {
53
+ 50: string;
54
+ 100: string;
55
+ 200: string;
56
+ 300: string;
57
+ 400: string;
58
+ 500: string;
59
+ 600: string;
60
+ 700: string;
61
+ 800: string;
62
+ 900: string;
63
+ 950: string;
64
+ };
65
+ yellow: {
66
+ 50: string;
67
+ 100: string;
68
+ 200: string;
69
+ 300: string;
70
+ 400: string;
71
+ 500: string;
72
+ 600: string;
73
+ 700: string;
74
+ 800: string;
75
+ 900: string;
76
+ 950: string;
77
+ };
78
+ lime: {
79
+ 50: string;
80
+ 100: string;
81
+ 200: string;
82
+ 300: string;
83
+ 400: string;
84
+ 500: string;
85
+ 600: string;
86
+ 700: string;
87
+ 800: string;
88
+ 900: string;
89
+ 950: string;
90
+ };
91
+ green: {
92
+ 50: string;
93
+ 100: string;
94
+ 200: string;
95
+ 300: string;
96
+ 400: string;
97
+ 500: string;
98
+ 600: string;
99
+ 700: string;
100
+ 800: string;
101
+ 900: string;
102
+ 950: string;
103
+ };
104
+ emerald: {
105
+ 50: string;
106
+ 100: string;
107
+ 200: string;
108
+ 300: string;
109
+ 400: string;
110
+ 500: string;
111
+ 600: string;
112
+ 700: string;
113
+ 800: string;
114
+ 900: string;
115
+ 950: string;
116
+ };
117
+ teal: {
118
+ 50: string;
119
+ 100: string;
120
+ 200: string;
121
+ 300: string;
122
+ 400: string;
123
+ 500: string;
124
+ 600: string;
125
+ 700: string;
126
+ 800: string;
127
+ 900: string;
128
+ 950: string;
129
+ };
130
+ cyan: {
131
+ 50: string;
132
+ 100: string;
133
+ 200: string;
134
+ 300: string;
135
+ 400: string;
136
+ 500: string;
137
+ 600: string;
138
+ 700: string;
139
+ 800: string;
140
+ 900: string;
141
+ 950: string;
142
+ };
143
+ sky: {
144
+ 50: string;
145
+ 100: string;
146
+ 200: string;
147
+ 300: string;
148
+ 400: string;
149
+ 500: string;
150
+ 600: string;
151
+ 700: string;
152
+ 800: string;
153
+ 900: string;
154
+ 950: string;
155
+ };
156
+ blue: {
157
+ 50: string;
158
+ 100: string;
159
+ 200: string;
160
+ 300: string;
161
+ 400: string;
162
+ 500: string;
163
+ 600: string;
164
+ 700: string;
165
+ 800: string;
166
+ 900: string;
167
+ 950: string;
168
+ };
169
+ indigo: {
170
+ 50: string;
171
+ 100: string;
172
+ 200: string;
173
+ 300: string;
174
+ 400: string;
175
+ 500: string;
176
+ 600: string;
177
+ 700: string;
178
+ 800: string;
179
+ 900: string;
180
+ 950: string;
181
+ };
182
+ violet: {
183
+ 50: string;
184
+ 100: string;
185
+ 200: string;
186
+ 300: string;
187
+ 400: string;
188
+ 500: string;
189
+ 600: string;
190
+ 700: string;
191
+ 800: string;
192
+ 900: string;
193
+ 950: string;
194
+ };
195
+ purple: {
196
+ 50: string;
197
+ 100: string;
198
+ 200: string;
199
+ 300: string;
200
+ 400: string;
201
+ 500: string;
202
+ 600: string;
203
+ 700: string;
204
+ 800: string;
205
+ 900: string;
206
+ 950: string;
207
+ };
208
+ fuchsia: {
209
+ 50: string;
210
+ 100: string;
211
+ 200: string;
212
+ 300: string;
213
+ 400: string;
214
+ 500: string;
215
+ 600: string;
216
+ 700: string;
217
+ 800: string;
218
+ 900: string;
219
+ 950: string;
220
+ };
221
+ pink: {
222
+ 50: string;
223
+ 100: string;
224
+ 200: string;
225
+ 300: string;
226
+ 400: string;
227
+ 500: string;
228
+ 600: string;
229
+ 700: string;
230
+ 800: string;
231
+ 900: string;
232
+ 950: string;
233
+ };
234
+ rose: {
235
+ 50: string;
236
+ 100: string;
237
+ 200: string;
238
+ 300: string;
239
+ 400: string;
240
+ 500: string;
241
+ 600: string;
242
+ 700: string;
243
+ 800: string;
244
+ 900: string;
245
+ 950: string;
246
+ };
247
+ neutral: {
248
+ 50: string;
249
+ 100: string;
250
+ 200: string;
251
+ 300: string;
252
+ 400: string;
253
+ 500: string;
254
+ 600: string;
255
+ 700: string;
256
+ 800: string;
257
+ 900: string;
258
+ 950: string;
259
+ };
260
+ accent: {
261
+ 50: string;
262
+ 100: string;
263
+ 200: string;
264
+ 300: string;
265
+ 400: string;
266
+ 500: string;
267
+ 600: string;
268
+ 700: string;
269
+ 800: string;
270
+ 900: string;
271
+ 950: string;
272
+ };
273
+ danger: {
274
+ 50: string;
275
+ 100: string;
276
+ 200: string;
277
+ 300: string;
278
+ 400: string;
279
+ 500: string;
280
+ 600: string;
281
+ 700: string;
282
+ 800: string;
283
+ 900: string;
284
+ 950: string;
285
+ };
286
+ warning: {
287
+ 50: string;
288
+ 100: string;
289
+ 200: string;
290
+ 300: string;
291
+ 400: string;
292
+ 500: string;
293
+ 600: string;
294
+ 700: string;
295
+ 800: string;
296
+ 900: string;
297
+ 950: string;
298
+ };
299
+ success: {
300
+ 50: string;
301
+ 100: string;
302
+ 200: string;
303
+ 300: string;
304
+ 400: string;
305
+ 500: string;
306
+ 600: string;
307
+ 700: string;
308
+ 800: string;
309
+ 900: string;
310
+ 950: string;
311
+ };
312
+ };
313
+ container: {
314
+ center: true;
315
+ padding: string;
316
+ screens: {
317
+ "2xl": string;
318
+ };
319
+ };
320
+ extend: {
321
+ animation: {
322
+ "accordion-down": string;
323
+ "accordion-up": string;
324
+ };
325
+ aria: {
326
+ collapsed: string;
327
+ invalid: string;
328
+ unchecked: string;
329
+ };
330
+ boxShadow: {
331
+ sm: string;
332
+ DEFAULT: string;
333
+ md: string;
334
+ lg: string;
335
+ xl: string;
336
+ "2xl": string;
337
+ inner: string;
338
+ };
339
+ backgroundColor: {
340
+ base: string;
341
+ card: string;
342
+ dialog: string;
343
+ form: string;
344
+ overlay: string;
345
+ popover: string;
346
+ tooltip: string;
347
+ "base-hover": string;
348
+ "card-hover": string;
349
+ "filled-accent-active": string;
350
+ "filled-accent-hover": string;
351
+ "filled-accent": string;
352
+ "filled-danger-active": string;
353
+ "filled-danger-hover": string;
354
+ "filled-danger": string;
355
+ "filled-neutral-active": string;
356
+ "filled-neutral-hover": string;
357
+ "filled-neutral": string;
358
+ "filled-success-active": string;
359
+ "filled-success-hover": string;
360
+ "filled-success": string;
361
+ "filled-warning-active": string;
362
+ "filled-warning-hover": string;
363
+ "filled-warning": string;
364
+ "form-active": string;
365
+ "form-hover": string;
366
+ "popover-hover": string;
367
+ };
368
+ textColor: {
369
+ body: string;
370
+ muted: string;
371
+ placeholder: string;
372
+ strong: string;
373
+ tooltip: string;
374
+ "on-filled": string;
375
+ };
376
+ borderColor: {
377
+ base: string;
378
+ card: string;
379
+ dialog: string;
380
+ form: string;
381
+ popover: string;
382
+ "base-muted": string;
383
+ "card-muted": string;
384
+ "dialog-muted": string;
385
+ "popover-muted": string;
386
+ };
387
+ ringColor: {
388
+ "focus-accent": string;
389
+ "focus-danger": string;
390
+ "focus-neutral": string;
391
+ "focus-success": string;
392
+ "focus-warning": string;
393
+ };
394
+ cursor: {
395
+ inherit: string;
396
+ initial: string;
397
+ };
398
+ data: {
399
+ "active-item": string;
400
+ "drag-over": string;
401
+ "orientation-horizontal": string;
402
+ "orientation-vertical": string;
403
+ "side-bottom": string;
404
+ "side-left": string;
405
+ "side-right": string;
406
+ "side-top": string;
407
+ "state-checked": string;
408
+ "state-closed": string;
409
+ "state-idle": string;
410
+ "state-indeterminate": string;
411
+ "state-open": string;
412
+ "state-pending": string;
413
+ "state-selected": string;
414
+ "state-submitting": string;
415
+ "state-unchecked": string;
416
+ disabled: string;
417
+ highlighted: string;
418
+ };
419
+ fontFamily: {
420
+ sans: [string, ...string[]];
421
+ mono: [string, ...string[]];
422
+ };
423
+ fontSize: {
424
+ "size-inherit": string;
425
+ };
426
+ fontWeight: {
427
+ initial: string;
428
+ };
429
+ keyframes: {
430
+ "accordion-down": {
431
+ from: {
432
+ height: string;
433
+ };
434
+ to: {
435
+ height: string;
436
+ };
437
+ };
438
+ "accordion-up": {
439
+ from: {
440
+ height: string;
441
+ };
442
+ to: {
443
+ height: string;
444
+ };
445
+ };
446
+ };
447
+ lineHeight: {
448
+ 0: string;
449
+ initial: string;
450
+ };
451
+ screens: {
452
+ xs: string;
453
+ };
454
+ spacing: {
455
+ "1.25": string;
456
+ };
457
+ transitionProperty: {
458
+ "max-height": string;
459
+ };
460
+ zIndex: {
461
+ 1: string;
462
+ max: string;
463
+ };
464
+ };
465
+ };
466
+ plugins: ({
467
+ handler: tailwindcss_types_config_js.PluginCreator;
468
+ config?: Partial<tailwindcss_types_config_js.Config> | undefined;
469
+ } | {
470
+ handler: () => void;
471
+ })[];
472
+ };
473
+ type MantlePreset = typeof mantlePreset;
474
+
475
+ export { type MantlePreset, mantlePreset };
package/dist/tailwind-preset.d.ts ADDED
@@ -0,0 +1,475 @@
1
+ import * as tailwindcss_types_config_js from 'tailwindcss/types/config.js';
2
+
3
+ declare const mantlePreset: {
4
+ content: never[];
5
+ darkMode: "class";
6
+ theme: {
7
+ colors: {
8
+ inherit: string;
9
+ current: string;
10
+ transparent: string;
11
+ white: string;
12
+ black: string;
13
+ gray: {
14
+ 50: string;
15
+ 100: string;
16
+ 200: string;
17
+ 300: string;
18
+ 400: string;
19
+ 500: string;
20
+ 600: string;
21
+ 700: string;
22
+ 800: string;
23
+ 900: string;
24
+ 950: string;
25
+ };
26
+ red: {
27
+ 50: string;
28
+ 100: string;
29
+ 200: string;
30
+ 300: string;
31
+ 400: string;
32
+ 500: string;
33
+ 600: string;
34
+ 700: string;
35
+ 800: string;
36
+ 900: string;
37
+ 950: string;
38
+ };
39
+ orange: {
40
+ 50: string;
41
+ 100: string;
42
+ 200: string;
43
+ 300: string;
44
+ 400: string;
45
+ 500: string;
46
+ 600: string;
47
+ 700: string;
48
+ 800: string;
49
+ 900: string;
50
+ 950: string;
51
+ };
52
+ amber: {
53
+ 50: string;
54
+ 100: string;
55
+ 200: string;
56
+ 300: string;
57
+ 400: string;
58
+ 500: string;
59
+ 600: string;
60
+ 700: string;
61
+ 800: string;
62
+ 900: string;
63
+ 950: string;
64
+ };
65
+ yellow: {
66
+ 50: string;
67
+ 100: string;
68
+ 200: string;
69
+ 300: string;
70
+ 400: string;
71
+ 500: string;
72
+ 600: string;
73
+ 700: string;
74
+ 800: string;
75
+ 900: string;
76
+ 950: string;
77
+ };
78
+ lime: {
79
+ 50: string;
80
+ 100: string;
81
+ 200: string;
82
+ 300: string;
83
+ 400: string;
84
+ 500: string;
85
+ 600: string;
86
+ 700: string;
87
+ 800: string;
88
+ 900: string;
89
+ 950: string;
90
+ };
91
+ green: {
92
+ 50: string;
93
+ 100: string;
94
+ 200: string;
95
+ 300: string;
96
+ 400: string;
97
+ 500: string;
98
+ 600: string;
99
+ 700: string;
100
+ 800: string;
101
+ 900: string;
102
+ 950: string;
103
+ };
104
+ emerald: {
105
+ 50: string;
106
+ 100: string;
107
+ 200: string;
108
+ 300: string;
109
+ 400: string;
110
+ 500: string;
111
+ 600: string;
112
+ 700: string;
113
+ 800: string;
114
+ 900: string;
115
+ 950: string;
116
+ };
117
+ teal: {
118
+ 50: string;
119
+ 100: string;
120
+ 200: string;
121
+ 300: string;
122
+ 400: string;
123
+ 500: string;
124
+ 600: string;
125
+ 700: string;
126
+ 800: string;
127
+ 900: string;
128
+ 950: string;
129
+ };
130
+ cyan: {
131
+ 50: string;
132
+ 100: string;
133
+ 200: string;
134
+ 300: string;
135
+ 400: string;
136
+ 500: string;
137
+ 600: string;
138
+ 700: string;
139
+ 800: string;
140
+ 900: string;
141
+ 950: string;
142
+ };
143
+ sky: {
144
+ 50: string;
145
+ 100: string;
146
+ 200: string;
147
+ 300: string;
148
+ 400: string;
149
+ 500: string;
150
+ 600: string;
151
+ 700: string;
152
+ 800: string;
153
+ 900: string;
154
+ 950: string;
155
+ };
156
+ blue: {
157
+ 50: string;
158
+ 100: string;
159
+ 200: string;
160
+ 300: string;
161
+ 400: string;
162
+ 500: string;
163
+ 600: string;
164
+ 700: string;
165
+ 800: string;
166
+ 900: string;
167
+ 950: string;
168
+ };
169
+ indigo: {
170
+ 50: string;
171
+ 100: string;
172
+ 200: string;
173
+ 300: string;
174
+ 400: string;
175
+ 500: string;
176
+ 600: string;
177
+ 700: string;
178
+ 800: string;
179
+ 900: string;
180
+ 950: string;
181
+ };
182
+ violet: {
183
+ 50: string;
184
+ 100: string;
185
+ 200: string;
186
+ 300: string;
187
+ 400: string;
188
+ 500: string;
189
+ 600: string;
190
+ 700: string;
191
+ 800: string;
192
+ 900: string;
193
+ 950: string;
194
+ };
195
+ purple: {
196
+ 50: string;
197
+ 100: string;
198
+ 200: string;
199
+ 300: string;
200
+ 400: string;
201
+ 500: string;
202
+ 600: string;
203
+ 700: string;
204
+ 800: string;
205
+ 900: string;
206
+ 950: string;
207
+ };
208
+ fuchsia: {
209
+ 50: string;
210
+ 100: string;
211
+ 200: string;
212
+ 300: string;
213
+ 400: string;
214
+ 500: string;
215
+ 600: string;
216
+ 700: string;
217
+ 800: string;
218
+ 900: string;
219
+ 950: string;
220
+ };
221
+ pink: {
222
+ 50: string;
223
+ 100: string;
224
+ 200: string;
225
+ 300: string;
226
+ 400: string;
227
+ 500: string;
228
+ 600: string;
229
+ 700: string;
230
+ 800: string;
231
+ 900: string;
232
+ 950: string;
233
+ };
234
+ rose: {
235
+ 50: string;
236
+ 100: string;
237
+ 200: string;
238
+ 300: string;
239
+ 400: string;
240
+ 500: string;
241
+ 600: string;
242
+ 700: string;
243
+ 800: string;
244
+ 900: string;
245
+ 950: string;
246
+ };
247
+ neutral: {
248
+ 50: string;
249
+ 100: string;
250
+ 200: string;
251
+ 300: string;
252
+ 400: string;
253
+ 500: string;
254
+ 600: string;
255
+ 700: string;
256
+ 800: string;
257
+ 900: string;
258
+ 950: string;
259
+ };
260
+ accent: {
261
+ 50: string;
262
+ 100: string;
263
+ 200: string;
264
+ 300: string;
265
+ 400: string;
266
+ 500: string;
267
+ 600: string;
268
+ 700: string;
269
+ 800: string;
270
+ 900: string;
271
+ 950: string;
272
+ };
273
+ danger: {
274
+ 50: string;
275
+ 100: string;
276
+ 200: string;
277
+ 300: string;
278
+ 400: string;
279
+ 500: string;
280
+ 600: string;
281
+ 700: string;
282
+ 800: string;
283
+ 900: string;
284
+ 950: string;
285
+ };
286
+ warning: {
287
+ 50: string;
288
+ 100: string;
289
+ 200: string;
290
+ 300: string;
291
+ 400: string;
292
+ 500: string;
293
+ 600: string;
294
+ 700: string;
295
+ 800: string;
296
+ 900: string;
297
+ 950: string;
298
+ };
299
+ success: {
300
+ 50: string;
301
+ 100: string;
302
+ 200: string;
303
+ 300: string;
304
+ 400: string;
305
+ 500: string;
306
+ 600: string;
307
+ 700: string;
308
+ 800: string;
309
+ 900: string;
310
+ 950: string;
311
+ };
312
+ };
313
+ container: {
314
+ center: true;
315
+ padding: string;
316
+ screens: {
317
+ "2xl": string;
318
+ };
319
+ };
320
+ extend: {
321
+ animation: {
322
+ "accordion-down": string;
323
+ "accordion-up": string;
324
+ };
325
+ aria: {
326
+ collapsed: string;
327
+ invalid: string;
328
+ unchecked: string;
329
+ };
330
+ boxShadow: {
331
+ sm: string;
332
+ DEFAULT: string;
333
+ md: string;
334
+ lg: string;
335
+ xl: string;
336
+ "2xl": string;
337
+ inner: string;
338
+ };
339
+ backgroundColor: {
340
+ base: string;
341
+ card: string;
342
+ dialog: string;
343
+ form: string;
344
+ overlay: string;
345
+ popover: string;
346
+ tooltip: string;
347
+ "base-hover": string;
348
+ "card-hover": string;
349
+ "filled-accent-active": string;
350
+ "filled-accent-hover": string;
351
+ "filled-accent": string;
352
+ "filled-danger-active": string;
353
+ "filled-danger-hover": string;
354
+ "filled-danger": string;
355
+ "filled-neutral-active": string;
356
+ "filled-neutral-hover": string;
357
+ "filled-neutral": string;
358
+ "filled-success-active": string;
359
+ "filled-success-hover": string;
360
+ "filled-success": string;
361
+ "filled-warning-active": string;
362
+ "filled-warning-hover": string;
363
+ "filled-warning": string;
364
+ "form-active": string;
365
+ "form-hover": string;
366
+ "popover-hover": string;
367
+ };
368
+ textColor: {
369
+ body: string;
370
+ muted: string;
371
+ placeholder: string;
372
+ strong: string;
373
+ tooltip: string;
374
+ "on-filled": string;
375
+ };
376
+ borderColor: {
377
+ base: string;
378
+ card: string;
379
+ dialog: string;
380
+ form: string;
381
+ popover: string;
382
+ "base-muted": string;
383
+ "card-muted": string;
384
+ "dialog-muted": string;
385
+ "popover-muted": string;
386
+ };
387
+ ringColor: {
388
+ "focus-accent": string;
389
+ "focus-danger": string;
390
+ "focus-neutral": string;
391
+ "focus-success": string;
392
+ "focus-warning": string;
393
+ };
394
+ cursor: {
395
+ inherit: string;
396
+ initial: string;
397
+ };
398
+ data: {
399
+ "active-item": string;
400
+ "drag-over": string;
401
+ "orientation-horizontal": string;
402
+ "orientation-vertical": string;
403
+ "side-bottom": string;
404
+ "side-left": string;
405
+ "side-right": string;
406
+ "side-top": string;
407
+ "state-checked": string;
408
+ "state-closed": string;
409
+ "state-idle": string;
410
+ "state-indeterminate": string;
411
+ "state-open": string;
412
+ "state-pending": string;
413
+ "state-selected": string;
414
+ "state-submitting": string;
415
+ "state-unchecked": string;
416
+ disabled: string;
417
+ highlighted: string;
418
+ };
419
+ fontFamily: {
420
+ sans: [string, ...string[]];
421
+ mono: [string, ...string[]];
422
+ };
423
+ fontSize: {
424
+ "size-inherit": string;
425
+ };
426
+ fontWeight: {
427
+ initial: string;
428
+ };
429
+ keyframes: {
430
+ "accordion-down": {
431
+ from: {
432
+ height: string;
433
+ };
434
+ to: {
435
+ height: string;
436
+ };
437
+ };
438
+ "accordion-up": {
439
+ from: {
440
+ height: string;
441
+ };
442
+ to: {
443
+ height: string;
444
+ };
445
+ };
446
+ };
447
+ lineHeight: {
448
+ 0: string;
449
+ initial: string;
450
+ };
451
+ screens: {
452
+ xs: string;
453
+ };
454
+ spacing: {
455
+ "1.25": string;
456
+ };
457
+ transitionProperty: {
458
+ "max-height": string;
459
+ };
460
+ zIndex: {
461
+ 1: string;
462
+ max: string;
463
+ };
464
+ };
465
+ };
466
+ plugins: ({
467
+ handler: tailwindcss_types_config_js.PluginCreator;
468
+ config?: Partial<tailwindcss_types_config_js.Config> | undefined;
469
+ } | {
470
+ handler: () => void;
471
+ })[];
472
+ };
473
+ type MantlePreset = typeof mantlePreset;
474
+
475
+ export { type MantlePreset, mantlePreset };
package/dist/types-nznA3HrJ.d.ts ADDED
@@ -0,0 +1,52 @@
1
+ /**
2
+ * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
3
+ * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
4
+ * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
5
+ * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
6
+ *
7
+ * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
8
+ * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
9
+ * data, being valid for all input types except checkbox, radio, file, or any of the button types.
10
+ *
11
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
12
+ */
13
+ type AutoComplete = "off" | "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo";
14
+ type WithAutoComplete = {
15
+ /**
16
+ * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
17
+ * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
18
+ * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
19
+ * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
20
+ *
21
+ * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
22
+ * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
23
+ * data, being valid for all input types except checkbox, radio, file, or any of the button types.
24
+ *
25
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
26
+ */
27
+ autoComplete?: AutoComplete;
28
+ };
29
+ /**
30
+ * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
31
+ * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
32
+ *
33
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
34
+ */
35
+ type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
36
+ type WithInputType = {
37
+ /**
38
+ * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
39
+ * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
40
+ *
41
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
42
+ */
43
+ type?: InputType;
44
+ };
45
+ type WithInvalid = {
46
+ /**
47
+ * Whether or not the input has a validation error.
48
+ */
49
+ invalid?: boolean;
50
+ };
51
+
52
+ export type { AutoComplete as A, InputType as I, WithInvalid as W, WithAutoComplete as a, WithInputType as b };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "mantle is ngrok's UI library and design system.",
4
4
  "author": "ngrok",
5
5
  "license": "MIT",
6
- "version": "0.1.10",
6
+ "version": "0.1.12",
7
7
  "homepage": "https://mantle.ngrok.com",
8
8
  "repository": {
9
9
  "type": "git",