@webstudio-is/sdk-components-react 0.0.1-c87cdba.0

package/lib/subscript.ws.js

@@ -0,0 +1,20 @@
+import { SubscriptIcon as t } from "@webstudio-is/icons/svg";
+import { defaultStates as o } from "@webstudio-is/react-sdk";
+import { sub as r } from "@webstudio-is/sdk/normalize.css";
+import { props as s } from "./__generated__/subscript.props.js";
+const e = {
+  sub: r
+}, a = {
+  type: "rich-text-child",
+  label: "Subscript Text",
+  icon: t,
+  states: o,
+  presetStyle: e
+}, l = {
+  props: s,
+  initialProps: ["id", "className"]
+};
+export {
+  a as meta,
+  l as propsMeta
+};

package/lib/superscript.js

@@ -0,0 +1,7 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+const s = m((r, o) => /* @__PURE__ */ p("sup", { ...r, ref: o }));
+s.displayName = "Bold";
+export {
+  s as Superscript
+};

package/lib/superscript.ws.js

@@ -0,0 +1,20 @@
+import { SuperscriptIcon as t } from "@webstudio-is/icons/svg";
+import { defaultStates as r } from "@webstudio-is/react-sdk";
+import { sup as o } from "@webstudio-is/sdk/normalize.css";
+import { props as p } from "./__generated__/superscript.props.js";
+const e = {
+  sup: o
+}, a = {
+  type: "rich-text-child",
+  label: "Superscript Text",
+  icon: t,
+  states: r,
+  presetStyle: e
+}, l = {
+  props: p,
+  initialProps: ["id", "className"]
+};
+export {
+  a as meta,
+  l as propsMeta
+};

package/lib/templates.js

@@ -0,0 +1,32 @@
+import { meta as o } from "./content-embed.template.js";
+import { meta as m } from "./markdown-embed.template.js";
+import { meta as s } from "./text.template.js";
+import { meta as p } from "./heading.template.js";
+import { meta as n } from "./paragraph.template.js";
+import { meta as d } from "./link.template.js";
+import { meta as k } from "./button.template.js";
+import { meta as c } from "./blockquote.template.js";
+import { meta as u } from "./list.template.js";
+import { meta as g } from "./list-item.template.js";
+import { meta as C } from "./label.template.js";
+import { meta as q } from "./radio-button.template.js";
+import { meta as H } from "./checkbox.template.js";
+import { meta as M } from "./vimeo.template.js";
+import { meta as R } from "./select.template.js";
+export {
+  c as Blockquote,
+  k as Button,
+  H as Checkbox,
+  o as ContentEmbed,
+  p as Heading,
+  C as Label,
+  d as Link,
+  u as List,
+  g as ListItem,
+  m as MarkdownEmbed,
+  n as Paragraph,
+  q as RadioButton,
+  R as Select,
+  s as Text,
+  M as Vimeo
+};

package/lib/text.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+const m = "div", s = f(
+  ({ tag: t = m, children: o, ...r }, a) => /* @__PURE__ */ e(t, { ...r, ref: a, children: o })
+);
+s.displayName = "Text";
+export {
+  s as Text,
+  m as defaultTag
+};

package/lib/text.template.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { $ as t, PlaceholderValue as o } from "@webstudio-is/template";
+const a = {
+  category: "typography",
+  description: "A generic container for any text content that is not a heading or a link.",
+  order: 0,
+  template: /* @__PURE__ */ e(t.Text, { children: new o("The text you can edit") })
+};
+export {
+  a as meta
+};

package/lib/text.ws.js

@@ -0,0 +1,25 @@
+import { TextIcon as t } from "@webstudio-is/icons/svg";
+import { defaultStates as e } from "@webstudio-is/react-sdk";
+import { div as o } from "@webstudio-is/sdk/normalize.css";
+import { props as i } from "./__generated__/text.props.js";
+const r = {
+  div: [
+    ...o,
+    {
+      property: "minHeight",
+      value: { type: "unit", unit: "em", value: 1 }
+    }
+  ]
+}, n = {
+  type: "container",
+  icon: t,
+  states: e,
+  presetStyle: r
+}, c = {
+  props: i,
+  initialProps: ["id", "className", "tag"]
+};
+export {
+  n as meta,
+  c as propsMeta
+};

package/lib/textarea.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+const f = d(({ children: i, value: e, defaultValue: r, ...a }, t) => /* @__PURE__ */ o("textarea", { ...a, defaultValue: e ?? r, ref: t }));
+f.displayName = "Textarea";
+export {
+  f as Textarea
+};

package/lib/textarea.ws.js

@@ -0,0 +1,55 @@
+import { FormTextAreaIcon as e } from "@webstudio-is/icons/svg";
+import { defaultStates as o } from "@webstudio-is/react-sdk";
+import { textarea as t } from "@webstudio-is/sdk/normalize.css";
+import { props as r } from "./__generated__/textarea.props.js";
+const l = {
+  textarea: [
+    ...t,
+    // resize doesn't work well while on canvas
+    { property: "resize", value: { type: "keyword", value: "none" } },
+    {
+      property: "display",
+      value: { type: "keyword", value: "block" }
+    }
+  ]
+}, p = {
+  category: "forms",
+  type: "control",
+  label: "Text Area",
+  description: "A multi-line text input for collecting longer string data from your users.",
+  icon: e,
+  presetStyle: l,
+  order: 4,
+  constraints: {
+    relation: "ancestor",
+    component: { $nin: ["Button", "Link"] }
+  },
+  states: [
+    ...o,
+    { selector: "::placeholder", label: "Placeholder" },
+    { selector: ":valid", label: "Valid" },
+    { selector: ":invalid", label: "Invalid" },
+    { selector: ":required", label: "Required" },
+    { selector: ":optional", label: "Optional" }
+    // Additional states will go into submenu
+    //{ selector: ":disabled", label: "Disabled" },
+    //{ selector: ":enabled", label: "Enabled" },
+    //{ selector: ":read-only", label: "Read Only" },
+    //{ selector: ":read-write", label: "Read Write" },
+  ]
+}, c = {
+  props: r,
+  initialProps: [
+    "id",
+    "className",
+    "name",
+    "value",
+    "placeholder",
+    "required",
+    "autoFocus"
+  ]
+};
+export {
+  p as meta,
+  c as propsMeta
+};

package/lib/time.js

@@ -0,0 +1,319 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as M } from "react";
+const c = [
+  "af",
+  "am",
+  "ar",
+  "az",
+  "be",
+  "bg",
+  "bn",
+  "bs",
+  "ca",
+  "cs",
+  "cy",
+  "da",
+  "de",
+  "el",
+  "en",
+  "es",
+  "et",
+  "eu",
+  "fa",
+  "fi",
+  "fr",
+  "ga",
+  "gl",
+  "gu",
+  "he",
+  "hi",
+  "hr",
+  "hu",
+  "hy",
+  "id",
+  "is",
+  "it",
+  "ja",
+  "ka",
+  "kk",
+  "km",
+  "kn",
+  "ko",
+  "ky",
+  "lb",
+  "lt",
+  "lv",
+  "mk",
+  "ml",
+  "mn",
+  "mr",
+  "ms",
+  "mt",
+  "nb",
+  "nl",
+  "nn",
+  "pl",
+  "pt",
+  "ro",
+  "ru",
+  "si",
+  "sk",
+  "sl",
+  "sq",
+  "sr",
+  "sv",
+  "sw",
+  "ta",
+  "te",
+  "th",
+  "tr",
+  "uk",
+  "ur",
+  "uz",
+  "vi",
+  "zh"
+], E = [
+  "AF",
+  "AL",
+  "DZ",
+  "AS",
+  "AD",
+  "AO",
+  "AI",
+  "AQ",
+  "AG",
+  "AR",
+  "AM",
+  "AW",
+  "AU",
+  "AT",
+  "AZ",
+  "BS",
+  "BH",
+  "BD",
+  "BB",
+  "BY",
+  "BE",
+  "BZ",
+  "BJ",
+  "BM",
+  "BT",
+  "BO",
+  "BA",
+  "BW",
+  "BR",
+  "BN",
+  "BG",
+  "BF",
+  "BI",
+  "CV",
+  "KH",
+  "CM",
+  "CA",
+  "KY",
+  "CF",
+  "TD",
+  "CL",
+  "CN",
+  "CO",
+  "KM",
+  "CG",
+  "CD",
+  "CR",
+  "HR",
+  "CU",
+  "CY",
+  "CZ",
+  "DK",
+  "DJ",
+  "DM",
+  "DO",
+  "EC",
+  "EG",
+  "SV",
+  "GQ",
+  "ER",
+  "EE",
+  "SZ",
+  "ET",
+  "FJ",
+  "FI",
+  "FR",
+  "GA",
+  "GM",
+  "GE",
+  "DE",
+  "GH",
+  "GR",
+  "GD",
+  "GT",
+  "GN",
+  "GW",
+  "GY",
+  "HT",
+  "HN",
+  "HU",
+  "IS",
+  "IN",
+  "ID",
+  "IR",
+  "IQ",
+  "IE",
+  "IL",
+  "IT",
+  "JM",
+  "JP",
+  "JO",
+  "KZ",
+  "KE",
+  "KI",
+  "KP",
+  "KR",
+  "KW",
+  "KG",
+  "LA",
+  "LV",
+  "LB",
+  "LS",
+  "LR",
+  "LY",
+  "LI",
+  "LT",
+  "LU",
+  "MG",
+  "MW",
+  "MY",
+  "MV",
+  "ML",
+  "MT",
+  "MH",
+  "MR",
+  "MU",
+  "MX",
+  "FM",
+  "MD",
+  "MC",
+  "MN",
+  "ME",
+  "MA",
+  "MZ",
+  "MM",
+  "NA",
+  "NR",
+  "NP",
+  "NL",
+  "NZ",
+  "NI",
+  "NE",
+  "NG",
+  "NO",
+  "OM",
+  "PK",
+  "PW",
+  "PA",
+  "PG",
+  "PY",
+  "PE",
+  "PH",
+  "PL",
+  "PT",
+  "QA",
+  "RO",
+  "RU",
+  "RW",
+  "KN",
+  "LC",
+  "VC",
+  "WS",
+  "SM",
+  "ST",
+  "SA",
+  "SN",
+  "RS",
+  "SC",
+  "SL",
+  "SG",
+  "SK",
+  "SI",
+  "SB",
+  "SO",
+  "ZA",
+  "SS",
+  "ES",
+  "LK",
+  "SD",
+  "SR",
+  "SE",
+  "CH",
+  "SY",
+  "TW",
+  "TJ",
+  "TZ",
+  "TH",
+  "TL",
+  "TG",
+  "TO",
+  "TT",
+  "TN",
+  "TR",
+  "TM",
+  "TV",
+  "UG",
+  "UA",
+  "AE",
+  "GB",
+  "US",
+  "UY",
+  "UZ",
+  "VU",
+  "VA",
+  "VE",
+  "VN",
+  "YE",
+  "ZM",
+  "ZW"
+], D = "dateTime attribute is not set", G = "", i = "en", A = "GB", L = "medium", f = "none", I = (t) => c.includes(t) ? t : i, B = (t) => E.includes(t) ? t : A, d = (t) => {
+  if (["full", "long", "medium", "short"].includes(t))
+    return t;
+}, R = (t) => {
+  if (["full", "long", "medium", "short"].includes(t))
+    return t;
+}, C = (t) => {
+  if (t === "")
+    return;
+  let e = new Date(t);
+  if (Number.isNaN(e.getTime()) === !1)
+    return e;
+  if (/^\d+$/.test(t)) {
+    let n = Number(t);
+    t.length === 10 && (n *= 1e3), e = new Date(n);
+  }
+  if (Number.isNaN(e.getTime()) === !1)
+    return e;
+}, O = M(
+  ({
+    language: t = i,
+    country: e = A,
+    dateStyle: n = L,
+    timeStyle: l = f,
+    datetime: s = D,
+    ...a
+  }, u) => {
+    const S = `${I(t)}-${B(
+      e
+    )}`, N = {
+      dateStyle: d(n),
+      timeStyle: R(l)
+    }, r = s === null ? G : s.toString(), T = C(r);
+    let o = r;
+    if (T)
+      try {
+        o = new Intl.DateTimeFormat(S, N).format(T);
+      } catch {
+      }
+    return /* @__PURE__ */ m("time", { ref: u, dateTime: r, ...a, children: o });
+  }
+);
+export {
+  O as Time
+};

package/lib/time.ws.js

@@ -0,0 +1,21 @@
+import { CalendarIcon as t } from "@webstudio-is/icons/svg";
+import { defaultStates as e } from "@webstudio-is/react-sdk";
+import { time as a } from "@webstudio-is/sdk/normalize.css";
+import { props as o } from "./__generated__/time.props.js";
+const r = {
+  time: a
+}, s = {
+  category: "localization",
+  type: "container",
+  description: "Converts machine-readable date and time to a human-readable format.",
+  icon: t,
+  states: e,
+  presetStyle: r
+}, c = {
+  props: o,
+  initialProps: ["datetime", "language", "country", "dateStyle", "timeStyle"]
+};
+export {
+  s as meta,
+  c as propsMeta
+};

package/lib/types/__generated__/blockquote.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/body.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/bold.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/box.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/button.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/checkbox.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/code-text.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/form.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/fragment.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/heading.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/html-embed.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/image.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/input.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/italic.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/label.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/list-item.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/list.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/local-date.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/markdown-embed.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/option.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/paragraph.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/radio-button.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/rich-text-link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/select.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/separator.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/slot.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/span.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/subscript.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/superscript.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/text.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/textarea.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;